有一些選擇。 我沒有使用過任何一個庫，但是據我所知，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直接繪制到畫布上。

總結

以上是生活随笔為你收集整理的在html页面中加入矢量图,HTML5画布矢量图形？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。