Canvas和SVG都是HTML5推薦使用的圖形技術,說明兩者差異性

<canvas>和<svg>都是HTML5推薦使用的圖形技術,
Canvas基於圖元,提供2D繪製函數,是一種HTML元素類型,依賴於HTML,只能通過腳本繪製圖形;
SVG為向量,提供一系列圖形元素(Rect, Path, Circle, Line …),還有完整的動畫,事件機制,本身就能獨立使用,也可以嵌入到HTML中。

比較

維基(SVG)維基(Canvas)參考1(SVG製作參考書)
參考3(利用ILL輸出方法)參考2(SVG嵌入網頁方法)參考3(免費 svg 圖示資料庫)