HTMLCanvasElement.height - Web API 接口参考 编辑

HTMLCanvasElement.height 属性是一个正整数 ，使用了<canvas> 元素的HTML 属性height来反映该元素高度的 CSS 像素值。当该属性没有被定义，或被定义为一个无效值（如负值）时， 将使用150作为它的默认值。

控制canvas元素大小的属性有两个，这是其中一个，还有一个是HTMLCanvasElement.width。

语法

var pxl = canvas.height;
canvas.height = pxl;

示例

给出这样一个<canvas> 元素：

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

可以通过以下代码获得这个canvas元素的高度：

var canvas = document.getElementById('canvas');
console.log(canvas.height); // 300

规范

规范	状态	备注
HTML Living Standard HTMLCanvasElement.height	Living Standard	No change since the latest snapshot, HTML5
HTML 5.1 HTMLCanvasElement.height	Recommendation
HTML5 HTMLCanvasElement.height	Recommendation	Snapshot of the HTML Living Standard containing the initial definition.

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

• Desktop
• Mobile

Feature	Chrome	Edge	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	4	(Yes)	3.6 (1.9.2)	9	9	3.1

Feature	Android	Chrome for Android	Edge	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	(Yes)	(Yes)	(Yes)	1.0 (1.9.2)	(Yes)	(Yes)	(Yes)

其他

• 定义的接口, HTMLCanvasElement.
• 另一个控制canvas大小的属性, HTMLCanvasElement.width.