HTML5画布矢量图形?

前端之家收集整理的这篇文章主要介绍了HTML5画布矢量图形?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
请告诉我你知道在HTML5 Canvas中绘制和处理矢量图形的库?

谢谢!!!

解决方法

有几个选项。我没有使用这些图书馆,但从我可以告诉蛋糕似乎一般更令人印象深刻,并进口,虽然也是三倍大。还有Burst Engine,目前是processing.js的扩展,它甚至更小。我肯定有更多的在那里。

Processing.js

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

大小:412 KB

Raphael

“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

“CAKE是一个用于canvas标签的场景图形库,你可以说它就像SVG不使用XML,而不是太远。

大小:212 KB

Paper.js

“Paper.js是一个开源的矢量图形脚本框架,运行在HTML5画布之上。

大小:627.91 KB

The Burst Engine

“Burst Engine是一个用于HTML5 Canvas元素的OpenSource矢量动画引擎,Burst为Flash提供了类似的网页功能,并且包含了一个像After Effects这样的基于图层的动画系统,Burst使用一个非常轻量级的JavaScript框架,这意味着你的动画会不可思议地下载快速,可以使用非常简单的JavaScript命令来控制,允许链接和回调… Burst当前是一个优秀的动画端口Processing.js的扩展由John Resig独立的Burst引擎的发展是在路上,这将减少加载时间和内存使用,当你想使用Burst不使用jQuery或Processing.js。

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

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

大小:52.6 KB

drawing directly to the canvas with .context

这不是一个外部库,但通过javascript直接绘制到画布。

猜你在找的HTML5相关文章