HTML5canvasvectorgraphics?

请告诉我在HTML5 Canvas中绘制和处理vectorgraphics的库是否知道?

谢谢!!!

有几个选项。 我没有使用这些库中的任何一个,但是从我所能告诉的看来,蛋糕看起来总体上更加令人印象深刻,并且是import的,同时也是三倍。 还有Burst Engine,目前是processing.js的扩展,甚至更小。 我敢肯定,还有更多。

Processing.js

“Processing.js是stream行的Processing可视化编程语言的姊妹项目…”

大小:412 KB

拉斐尔

“Raphaël是一个小型的JavaScript库,它可以简化您在networking上使用vectorgraphics的工作,例如,如果您想创build自己特定的图表或图像裁切和旋转小部件,可以使用该库简单方便地实现它。使用SVG W3C Recommendation和VML作为创buildgraphics的基础,这意味着您创build的每个graphics对象也是一个DOM对象,因此您可以附加JavaScript事件处理程序或稍后进行修改。Raphaël的目标是提供一个适配器,vector艺术兼容跨浏览器和简单。“

大小:60 KB

Snap.svg

Raphaël的继任者。 由同一开发人员撰写,但仅限于现代浏览器。

“Snap为Web开发人员提供了一个干净,stream畅,直观且function强大的API,用于animation处理现有的SVG内容以及Snap生成的SVG内容。

通过为animation提供一个简单直观的JavaScript API,Snap可以帮助您的SVG内容更具互动性和吸引力。“

大小:66 KB

蛋糕

“CAKE是canvas标签的一个场景图库,你可以说这就像SVG没有XML一样,不会太远。

大小:212 KB

Paper.js

“Paper.js是一个运行在HTML5 Canvas之上的开源vectorgraphics脚本框架。”

大小:627.91 KB

爆发引擎

“Burst Engine是HTML5 Canvas元素的OpenSourcevectoranimation引擎,Burst为Flash提供了类似的网页function,并且包含了一个基于图层的animation系统,比如After Effects,Burst使用的是一个非常轻量级的JavaScript框架,这意味着你的animation会下载不起眼快速,可以使用非常简单的JavaScript命令进行控制,从而实现链接和callback… Burst目前是John Resig出色的animation端口Processing.js的扩展,正在开发一个独立的Burst引擎。当你想使用Burst而不使用jQuery或Processing.js时,减less加载时间和内存使用。

注:未来版本的Burst也将作为本机处理应用程序运行,允许您在Java applet中运行Burstanimation,或作为二进制可执行文件运行。

它似乎也是在2010年最后更新的。

大小:52.6 KB

用.context直接绘制到canvas上

这不是一个外部库,但通过JavaScript直接绘制到canvas。