HTMLCanvasElement: height 屬性
HTMLCanvasElement.height 屬性是一個正整數,用於反映 height HTML 屬性在 CSS 畫素中解釋的 <canvas> 元素。當未指定該屬性,或將其設定為無效值(例如負數)時,將使用預設值 150。
設定 height 屬性會重置整個渲染上下文到其預設狀態。這包括清除畫布(後備緩衝區)、重置當前路徑,以及重置所有屬性,如 fillStyle 和 globalCompositeOperation。此重置適用於所有上下文型別,即使在將 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 |
瀏覽器相容性
載入中…
另見
HTMLCanvasElement: 用於定義HTMLCanvasElement.height屬性的介面HTMLCanvasElement.width: 用於控制畫布大小的另一個屬性HTMLEmbedElement.heightHTMLIFrameElement.heightHTMLImageElement.heightHTMLObjectElement.heightHTMLSourceElement.heightHTMLVideoElement.height