跳到主要内容

从 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 下载: