HTML canvas ImageData height 属性

示例

提醒 ImageData 对象的高度：

<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">您的浏览器不支持 HTML5 canvas 标签。</canvas>
<div>imgData 的高度为： <b id="info"></b></div>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imgData = ctx.createImageData(100, 100);
document.getElementById('info').innerHTML = 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+3] = 255;
}
  
ctx.putImageData(imgData, 10, 10);
</script>

JavaScript:

document.getElementById('info').innerHTML = imgData.height

浏览器支持

表中的数字指定了完全支持该属性的第一个浏览器版本。

属性 Property
height	Yes	9.0	Yes	Yes	Yes

定义和用法

该属性返回 ImageData 对象的高度，以像素为单位。

提示： 查看 createImageData()、getImageData() 和 putImageData() 以了解有关 ImageData 对象的更多信息。

JavaScript 语法

JavaScript 语法:	imgData.height;

HTML 索引 (字母排序)

GitHub 上编辑此页 2022/05/09