HTML5画布矢量图形?

Edw*_*d83 43 html5 canvas vector-graphics

请告诉我你知道HTML5 Canvas中用于绘制和处理矢量图形的库吗?

谢谢!!!

exp*_*nja 45

有几个选择.我没有使用这些库中的任何一个,但从我所知道的蛋糕看起来通常更令人印象深刻,并且导入,同时也是三倍大.还有Burst Engine,目前是processing.js的扩展,甚至更小.我相信还有更多.

Processing.js

"Processing.js是流行的Processing可视化编程语言的姐妹项目......"

大小:412 KB

拉斐尔

"Raphaël是一个小型JavaScript库,可以简化您在网络上使用矢量图形的工作.例如,如果您想创建自己的特定图表或图像裁剪和旋转小部件,您可以使用此库简单轻松地实现它.Raphaël使用SVG W3C Recommendation和VML作为创建图形的基础.这意味着您创建的每个图形对象也是一个DOM对象,因此您可以附加JavaScript事件处理程序或稍后修改它们.Raphaël的目标是提供一个适合绘图的适配器矢量艺术兼容跨浏览器,简单易用."

大小:60 KB

Snap.svg

Raphaël的继任者.由同一个开发人员编写,但仅适用于现代浏览器.

"Snap为Web开发人员提供了一个简洁,流线型,直观且功能强大的API,用于动画和操作现有的SVG内容以及使用Snap生成的SVG内容.

通过为动画提供简单直观的JavaScript API,Snap可以帮助您的SVG内容更具互动性和吸引力."

大小:66 KB

蛋糕

"CAKE是canvas标签的场景图库.你可以说它就像SVG没有XML那样,而且距离太远了."

大小:212 KB

Paper.js

"Paper.js是一个在HTML5 Canvas之上运行的开源矢量图形脚本框架."

大小:627.91 KB

爆裂引擎

"Burst Engine是一个用于HTML5 Canvas元素的OpenSource矢量动画引擎.Burst为Flash提供类似的Web功能,并包含一个基于图层的动画系统,如After Effects.Burst使用非常轻量级的JavaScript框架,这意味着你的动画会下载不明显快速,可以使用非常简单的JavaScript命令进行控制,允许链接和回调.... Burst目前是John Resig出色的动画端口Processing.js的扩展.开发独立的Burst Engine正在进行中.这将是如果要在不使用jQuery或Processing.js的情况下使用Burst,请减少加载时间和内存使用量.

注意:Burst的未来版本也将作为Native Processing应用程序运行,允许您在Java applet中运行Burst动画或作为二进制可执行文件."

它似乎也是在2010年最后一次更新.

大小:52.6 KB

使用.context直接绘制到画布上

这不是外部库,而是通过javascript直接绘制到画布.


a p*_*erd 10

http://paperjs.org/最近宣布.太奇妙了.