一、HTML5新標籤(圖像類)<canvas>……</canvas>
:
此元素只提供圖形的擺放,實際上圖形的設計要使用javaScript語法來完成。使用此標籤時,寬度(width)及長度(height)是兩大必設定的屬性,當然也有其他的屬性可以設定,以滿足使用者的想法。
<svg>……</svg>
:
此元素運用XML語法,讓使用者可以直接利用它所提供的標籤,例如:<rect>
、<text>
、<ellipse>
、<polygon>
與<path>
……等進行圖形的設計,不用像canvas必須使用javaScript。
參考資料:
1.https://www.w3schools.com/html/html5_canvas.asp
2.https://ithelp.ithome.com.tw/articles/10156266