HTML <canvas> width 屬性
示例
一個高度和寬度均為 200 畫素的 <canvas> 元素
<canvas id="myCanvas" width="200" height="200" style="border:1px solid">
自己動手試一試 »
更多“自己嘗試”的例子見下文。
定義和用法
width 屬性指定 <canvas> 元素的寬度（以畫素為單位）。
提示： 使用 height 屬性指定 <canvas> 元素的高度（以畫素為單位）。
提示： 每次重新設定畫布的高度或寬度時，畫布內容都會被清除（請參見頁面底部的示例）。
提示： 在我們的 HTML Canvas 教程 中瞭解有關 <canvas> 元素的更多資訊。
瀏覽器支援
表格中的數字表示完全支援該屬性的第一個瀏覽器版本。
| Attribute | |||||
|---|---|---|---|---|---|
| width | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
語法
<canvas width="pixels">
屬性值
| 值 | 描述 |
|---|---|
| 畫素 | 指定畫布的寬度（以畫素為單位，例如 "100"）。預設值為 300 |
更多示例
示例
透過將 width 屬性設定為 400px（使用 JavaScript）來清除畫布
<canvas id="myCanvas" width="200" height="200" style="border:1px solid"></canvas>
<script>
let c = document.getElementById("myCanvas");
let ctx = c.getContext("2d");
ctx.fillStyle = "#92B901";
ctx.fillRect(50, 50, 100, 100);
function clearCanvas() {
c.width = 400;
}
</script>
自己動手試一試 »
❮ HTML <canvas> 標籤
