有一些選擇。 我沒有使用過任何一個(gè)庫(kù)，但是據(jù)我所知，Cake看起來通常更令人印象深刻，并且可以導(dǎo)入，但也大了三倍。 還有Burst Engine，目前是processing.js的擴(kuò)展，甚至更小。 我確定那里還有更多。

Processing.js

“ Processing.js是流行的Processing視覺編程語言的姊妹項(xiàng)目……”

大小：412 KB

拉斐爾

“Rapha?l是一個(gè)小型JavaScript庫(kù)，可以簡(jiǎn)化網(wǎng)絡(luò)上矢量圖形的工作。例如，如果要?jiǎng)?chuàng)建自己的特定圖表或圖像裁剪并旋轉(zhuǎn)窗口小部件，則可以使用此庫(kù)輕松輕松地實(shí)現(xiàn)它。Rapha?l使用SVG W3C建議書和VML作為創(chuàng)建圖形的基礎(chǔ)。 這意味著您創(chuàng)建的每個(gè)圖形對(duì)象也是DOM對(duì)象，因此您可以附加JavaScript事件處理程序或稍后對(duì)其進(jìn)行修改。 拉斐爾(Rapha?l)的目標(biāo)是提供一種適配器，使跨矢量瀏覽器的圖形矢量藝術(shù)兼容且容易。”

大小：60 KB

Snap.svg

拉斐爾的繼任者。 由同一位開發(fā)人員撰寫，但僅適用于現(xiàn)代瀏覽器。

“ Snap為Web開發(fā)人員提供了一個(gè)簡(jiǎn)潔，流線型，直觀且功能強(qiáng)大的API，用于對(duì)現(xiàn)有SVG內(nèi)容以及Snap生成的SVG內(nèi)容進(jìn)行動(dòng)畫處理和操作。

通過為動(dòng)畫提供簡(jiǎn)單直觀的JavaScript API，Snap可以幫助使您的SVG內(nèi)容更具交互性和吸引力。”

大小：66 KB

蛋糕

“ CAKE是canvas標(biāo)簽的一個(gè)場(chǎng)景圖形庫(kù)。您可以說它就像SVG沒有XML，而且相距不遠(yuǎn)。”

大小：212 KB

Paper.js

“ Paper.js是一個(gè)在HTML5 Canvas之上運(yùn)行的開源矢量圖形腳本框架。”

大小：627.91 KB

爆發(fā)引擎

“ Burst Engine是用于HTML5 Canvas元素的開源矢量動(dòng)畫引擎。Burst提供了與Flash類似的Web功能，并包含基于圖層的動(dòng)畫系統(tǒng)(如After Effects)。Burst使用了非常輕便的JavaScript框架，這意味著您的動(dòng)畫將以明顯的方式下載 ...快速且可以使用非常簡(jiǎn)單的JavaScript命令進(jìn)行控制，允許鏈接和回調(diào)... Burst目前是John Resig出色動(dòng)畫端口Processing.js的擴(kuò)展，獨(dú)立Burst Engine的開發(fā)正在進(jìn)行中。 當(dāng)您要使用Burst而不使用jQuery或Processing.js時(shí)，減少加載時(shí)間和內(nèi)存使用量。

注意：未來版本的Burst也將作為本機(jī)處理應(yīng)用程序運(yùn)行，使您可以在Java applet或二進(jìn)制可執(zhí)行文件中運(yùn)行Burst動(dòng)畫。”

似乎它的最新更新時(shí)間為2010年。

大小：52.6 KB

使用.context直接繪制到畫布上

這不是外部庫(kù)，而是通過javascript直接繪制到畫布上。

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。