想改善这个问题吗?更新问题,以便将其作为on-topic用于堆栈溢出。
5年前关闭。
Improve this question
请告诉我,您知道在HTML5 Canvas中用于绘制和处理 vector 图形的哪些库?
谢谢!!!
最佳答案
有一些选择。我没有使用过任何一个库,但是据我所知,Cake看起来通常更令人印象深刻,并且可以导入,但其大小却是它的三倍。还有Burst Engine,目前是processing.js的扩展,甚至更小。我敢肯定还有更多。
Processing.js
“Processing.js是流行的Processing视觉编程语言的姊妹项目……”
大小:412 KB
Raphael
“Raphaël是一个小型的JavaScript库,可以简化网络上 vector 图形的工作。例如,如果您要创建自己的特定图表或图像裁剪并旋转小部件,则可以使用此库轻松轻松地实现它。
Raphaël使用SVG W3C建议书和VML作为创建图形的基础。这意味着您创建的每个图形对象也是DOM对象,因此您可以附加JavaScript事件处理程序或稍后对其进行修改。 Raphaël的目标是提供一种适配器,使跨 vector 浏览器的图形 vector 艺术兼容且容易实现。”
大小:60 KB
Snap.svg
拉斐尔的继任者。由同一位开发人员撰写,但仅适用于现代浏览器。
“Snap为Web开发人员提供了一个简洁,流线型,直观且功能强大的API,用于对现有SVG内容以及Snap生成的SVG内容进行动画处理和操作。
通过为动画提供简单直观的JavaScript API,Snap可以帮助使您的SVG内容更具交互性和吸引力。”
大小:66 KB
Cake
“CAKE是canvas标签的一个场景图形库。您可以说它就像SVG没有XML,而且相距不远。”
大小:212 KB
Paper.js
“Paper.js是一个运行在HTML5 Canvas之上的开源 vector 图形脚本框架。”
大小:627.91 KB
The Burst Engine
“Burst Engine是用于HTML5 Canvas元素的开源 vector 动画引擎。Burst提供了与Flash类似的Web功能,并包含基于图层的动画系统(如After Effects)。Burst使用了非常轻便的JavaScript框架,这意味着您的动画将以明显的方式下载...快速且可以使用非常简单的JavaScript命令进行控制,允许链接和回调... Burst目前是John Resig出色的动画端口Processing.js的扩展,独立Burst Engine的开发正在进行中。当您想使用Burst而不使用jQuery或Processing.js时,减少加载时间和内存使用量。
注意: future 版本的Burst也将作为本机处理应用程序运行,使您可以在Java applet或二进制可执行文件中运行Burst动画。”
似乎它的最新更新时间为2010年。
大小:52.6 KB
drawing directly to the canvas with .context
这不是外部库,而是通过javascript直接绘制到 Canvas 上。