从 Konva 开始
什么是 Konva?
Konva 是一个基于 HTML5 Canvas 的 JavaScript 框架,它扩展了 2D 上下文,
为桌面和移动端应用程序提供了画布交互功能。
Konva 支持高性能的动画、过渡、节点嵌套、图层、滤镜、
缓存、事件处理等功能,适用于桌面和移动端应用,功能非常丰富。
你可以在舞台上绘制元素、为它们添加事件监听器、移动它们、 缩放它们、旋转它们,而且这些操作可以独立于其他形状进行,从而支持高性能的动画, 即使你的应用中包含上千个形状。
该项目最初是从 KineticJS 的 GitHub 分叉发展而来的。
安装 Konva
如果你使用包管理器:
npm install konva
或者直接使用 <script> 标签:
<script src="https://unpkg.com/konva@10/konva.min.js"></script>
或者从 CDN 下载: