認識Canvas元素

什麼是Canvas?

HTML5 <canvas> 元素用於圖形的繪製，透過腳本(通常是JavaScript)來完成.

<canvas> 標籤只是圖形容器，您必須使用腳本來繪製圖形。

你可以透過多種方法使用Canva繪製路徑,盒、圓、字元以及新增影像。

Canvas就是一個畫布，可以進行畫任何的線、圖形、填充等一系列的操作，而且操作的畫圖就是js，所以讓js編程到了嗑藥的地步。另外Canvas不僅提供簡單的二維向量繪圖，也提供了三維的繪圖，以及圖片處理等一系列的api支援。

Internet Explorer 9+, Firefox, Opera, Chrome, andSafari 支援<canvas> 元素.

注意: Internet Explorer 8 及更早IE版本的瀏覽器不支援<canvas> 元素.