HTMLCanvasElement: height 屬性

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

HTMLCanvasElement.height 屬性是一個正整數,用於反映 height HTML 屬性在 CSS 畫素中解釋的 <canvas> 元素。當未指定該屬性,或將其設定為無效值(例如負數)時,將使用預設值 150

設定 height 屬性會重置整個渲染上下文到其預設狀態。這包括清除畫布(後備緩衝區)、重置當前路徑,以及重置所有屬性,如 fillStyleglobalCompositeOperation。此重置適用於所有上下文型別,即使在將 height 設定為其當前值時也會發生。要更改高度後恢復之前的畫布內容,請使用 CanvasRenderingContext2D.getImageData()CanvasRenderingContext2D.putImageData()。必須單獨跟蹤和恢復上下文屬性。

這是控制畫布大小的兩個屬性之一,另一個是 HTMLCanvasElement.width

一個數字。

示例

給定此 <canvas> 元素

html
<canvas id="canvas" width="300" height="300"></canvas>

您可以使用以下程式碼獲取畫布的高度

js
const canvas = document.getElementById("canvas");
console.log(canvas.height); // 300

規範

規範
HTML
# dom-canvas-height

瀏覽器相容性

另見