使用javascript實現跨瀏覽器繪圖相關..

HTML裏DOM的canvas對象能夠畫出各式各樣的2D 3D圖象,甚至遊戲.但IE不支持這個對象,微軟不想讓javascript太強大.

能夠經過SVG/VML+JS模擬canvas來實現跨瀏覽器的矢量圖形實現方案. 這其實和網絡字體的實現原理是有些相似的:非IE瀏覽器使用SVG繪圖, 而後IE中使用VML. 它的目的是想要提供一種簡單易用的真正跨瀏覽器的矢量圖形實現方案,包括一些動畫效果.

Raphael庫,用來簡化在頁面上顯示向量圖的工做. 你能夠用它在頁面上繪製各類圖表, 並進行圖片的剪切旋轉等操做.

Google在2006年推出了excanvas.js庫.利用IE的VML模擬canvas, 實現IE下畫布元素.

08年12月一個日本人,小雄次郎推出了: uupaa-excanvas.js. 雖然沒有像Raphael那樣作了高級繪圖及動畫的封裝,但他抹平了canvas和vml的差別,基於這個前提再作封裝效果或許會更好一些.並且面向將來.

 

相關連接:

javascript有繪圖功能嗎?(csdn)

Raphael官方網站 Raphael庫簡介(前端觀察)

Uupaa源碼

Uupaa原做者博客(日文)

封裝JS實現跨瀏覽器繪圖

EXCanvas的一些示例