HTML <canvas> 繪圖畫布

<canvas> 標籤 (tag) 定義一個空白畫布,可以透過 JavaScript 在 canvas 上面做影像處理,例如繪製圖形、合成照片、建立動畫等。

<canvas> 標籤有這些屬性 (attributes):

  • width: canvas 的寬度,預設是 300
  • height: canvas 的高度,預設是 150

而在 <canvas> 元素中的內容,是給當瀏覽器不支援 <canvas> 或 JavaScript 時,顯示給使用者看的 fallback 內容。

舉個例子:

<canvas width="800" height="450">
  你的瀏覽器不支援 canvas!
</canvas>