Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。












想改善这个问题吗?更新问题,以便将其作为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 上。

07-26 04:41