canvas簡介

<canvas>是 HTML5 新增的元素，可用於通過使用JavaScript中的指令碼來繪製圖形，建立動畫。<canvas>最早由Apple引入WebKit

我們可以使用<canvas>標籤來定義一個canvas元素

----->使用<canvas>標籤時，建議要成對出現，不要使用閉合的形式。

----->canvas元素預設具有高寬

width： 300px

height：150px

Canvas基本使用

<canvas>很容易定義一些替代內容。由於某些較老的瀏覽器（尤其是IE9之前的IE瀏覽器）

不支援HTML

但在這些瀏覽器上你應該要給使用者展示些替代內容。

這非常簡單：我們只需要在<canvas>標籤中提供替換內容就可以。

—>支援<canvas>的瀏覽器將會忽略在容器中包含的內容，並且只是正常渲染canvas。

—>不支援<canvas>的瀏覽器會顯示代替內容

<canvas> 看起來和 <img>元素很相像，唯一的不同就是它並沒有 src 和 alt 屬性。

實際上，<canvas> 標籤只有兩個屬性—— width和height。這些都是可選的。

當沒有設定寬度和高度的時候，canvas

畫布的高寬

html屬性設定width height時隻影響畫布本身不影畫布內容

css屬性設定width height時不但會影響畫布本身的高寬，還會使畫布中的內容等比例縮放（縮放參照於畫布預設的尺寸）

搜尋

複製