SVG

SVG

思考：位圖和矢量圖的區別？css canvas和svg又有什麼區別？

位圖的質量是根據分辨率斷定的，分辨率越大，圖像畫面越清晰；矢量圖沒有分辨率的概念。位圖放大後會愈來愈不清晰，像馬賽克同樣；矢量圖則不會。

canvas相似於位圖，放大後會不清晰，依賴於分辨率。能夠引入jpg，png這類格式的圖片，大量的大型網絡遊戲也是用的canvas畫布繪製，以及統計圖表等；但SVG則不依賴於分辨率，放大後也不會不清晰，適用於一些作圖標，地圖。

預約義形狀

• 矩形rect

• 圓形circle

• 橢圓elipse

• 線line

• 折線polyline

• 多邊形polygon

• 路徑path