Konva

Konva 是一个跑在浏览器里的 2D Canvas 库。原生 canvas 只提供画线、填色这类底层命令，要自己算坐标、判断点中了哪个图形、处理拖拽和缩放，代码很快就乱。Konva 在 canvas 之上加了一层场景图：你建一个 stage，往里放 layer、group 和 shape，之后的操作都针对这些对象，而不是直接对着画布涂画。

主要功能

图形对象自带事件系统，桌面指针和触摸屏走同一套监听，节点可以嵌套，事件能冒泡和委托。动画方面既能逐帧改属性，也能用 tween 让数值随时间过渡。配合 Transformer 可以给任意节点加上拖拽、缩放和旋转手柄。渲染结果能按指定像素比导出成 canvas、data URL 或 Blob，节点缓存后还能套用模糊、对比度、灰度等内置滤镜。

官方给了 React、Vue、Svelte、Angular 的集成方式，也提供设计编辑器、无限画布白板、节点编辑器、图片标注、楼层平面图、选座图等可运行示例，照着改就能起步。

适合谁

需要在前端做交互式 2D 图形的开发者：在线设计工具、白板协作、流程图、地图标注、小游戏。如果只是画几张静态图，直接用 canvas 或 SVG 可能更省事；要做带文字排版、字体加载、历史记录和导出流水线的完整设计编辑器，官方推荐它自家的商业 SDK Polotno。

费用与限制

MIT 协议开源，无依赖，2015 年起持续维护，npm 安装即可用。文档有简体中文版本。库本身免费，但复杂场景下的性能仍需自己调，比如节点数量大时要靠缓存和分层控制。