HTML <canvas> height 屬性

HTML <canvas> 標簽

定義和用法

height 屬性規定 <canvas> 元素的高度，以像素為單位。

提示

請使用 width 屬性 指定 <canvas> 元素的寬度，以像素為單位。

每次重設畫布的高度或寬度時，畫布內容將被清除（請參見頁面底部的例子）。

請在我們的 HTML Canvas 教程 中學習有關 <canvas> 元素的更多知識。

實例

例子 1

高度和寬度均為 200 像素的 <canvas> 元素：

<canvas id="myCanvas" width="400" height="400" style="border:1px solid">

親自試一試

例子 2

通過將高度屬性設置為 300px 來清除畫布（使用 JavaScript）：

<canvas id="myCanvas" width="400" height="400" style="border:1px solid"></canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.fillStyle = "#0192B9";
ctx.fillRect(50, 50, 300, 300);
function clearCanvas() {
  c.height = 400;
}
</script>

親自試一試

語法

<canvas height="pixels">

屬性值

值 描述
pixels 規定畫布的高度，以像素計（例如“100”）。默認值為 150。

瀏覽器支持

表中的數字注明了首個完全支持該屬性的瀏覽器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 2.0 3.1 9.0

HTML <canvas> 標簽