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。
http://paper.s.org/最近宣布。; 太奇妙了。
http://canvimation.github.com/是一个开源应用程序,允许您在屏幕上绘制graphics,并使用canvas标记和上下文命令将结果导出为网页,以重现graphics。; 有一些animation可用。 正在开发中。 帮助页面也可用。