HTML 参考手册

HTML 标签大全

HTML canvas ImageData.height 属性

只读的 ImageData.height 属性，返回在图像数据对象中的行的数量。

在线示例

获取ImageData对象的高度：

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML canvas imgData.height属性使用-基础教程(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3>
Your browser does not support the HTML5　canvas tag.</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imgData = ctx.createImageData(100,　100);
alert("Height of imgData is: "　+　imgData.height);
var i;
for (i = 0; i < imgData.data.length; i　+=　4) {
　　imgData.data[i]+0]=　255;
　　imgData.data[i]+1]=0;
　　imgData.data[i]+2]=0;
　　imgData.data[i]+3imgData.data[i]　=　255;
}
ctx.putImageData(imgData,　10,　10);
</script>
</body>
</html>

Test See ‹/›

Browser Compatibility

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome and Safari support the ImageData height property.

Note:Internet Explorer 8 and earlier versions do not support the <canvas> element.

Definition and Usage

The 'height' property returns the height of the ImageData object in pixels.

Tip:See createImageData(),getImageData() andputImageData() methods, to learn more about the ImageData object.

JavaScript Syntax

JavaScript Syntax:	imgData.height;

HTML canvas Reference Manual

HTML: <template> Tag