HTMLCanvasElement：height 属性

基线 广泛可用

此功能已得到很好的建立，并且可以在许多设备和浏览器版本上运行。它自以下日期起在所有浏览器中都可用 2015 年 7 月.

HTMLCanvasElement.height 属性是一个正 整数，反映了 height <canvas> 元素的 HTML 属性，以 CSS 像素为单位进行解释。如果未指定该属性，或者如果将其设置为无效值（例如负数），则使用默认值 150。

设置 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

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅