在html页面中加入矢量图,HTML5画布矢量图形？

有一些选择。 我没有使用过任何一个库，但是据我所知，Cake看起来通常更令人印象深刻，并且可以导入，但也大了三倍。 还有Burst Engine，目前是processing.js的扩展，甚至更小。 我确定那里还有更多。

Processing.js

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

大小：412 KB

拉斐尔

“Raphaël是一个小型JavaScript库，可以简化网络上矢量图形的工作。例如，如果要创建自己的特定图表或图像裁剪并旋转窗口小部件，则可以使用此库轻松轻松地实现它。Raphaël使用SVG W3C建议书和VML作为创建图形的基础。 这意味着您创建的每个图形对象也是DOM对象，因此您可以附加JavaScript事件处理程序或稍后对其进行修改。 拉斐尔(Raphaël)的目标是提供一种适配器，使跨矢量浏览器的图形矢量艺术兼容且容易。”

大小：60 KB

Snap.svg

拉斐尔的继任者。 由同一位开发人员撰写，但仅适用于现代浏览器。

“ 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元素的开源矢量动画引擎。Burst提供了与Flash类似的Web功能，并包含基于图层的动画系统(如After Effects)。Burst使用了非常轻便的JavaScript框架，这意味着您的动画将以明显的方式下载 ...快速且可以使用非常简单的JavaScript命令进行控制，允许链接和回调... Burst目前是John Resig出色动画端口Processing.js的扩展，独立Burst Engine的开发正在进行中。 当您要使用Burst而不使用jQuery或Processing.js时，减少加载时间和内存使用量。

注意：未来版本的Burst也将作为本机处理应用程序运行，使您可以在Java applet或二进制可执行文件中运行Burst动画。”

似乎它的最新更新时间为2010年。

大小：52.6 KB

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

这不是外部库，而是通过javascript直接绘制到画布上。