html5画布画图形代码,HTML5画布矢量图形？

有几个选择。我没有使用这些库中的任何一个，但从我所知道的蛋糕看起来通常更令人印象深刻，并且导入，同时也是三倍大。还有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直接绘制到画布。