HTML | canvas ImageData height 属性

在使用 HTML5 Canvas 绘制图形时，可以创建 ImageData 对象。ImageData 对象表示 canvas 中一个矩形区域的像素数据。其中，height 属性表示该矩形的高度，单位为像素。

语法

ImageDate 对象的 height 属性的语法如下所示：

imageData.height

其中，imageData 为 ImageData 对象的变量名。

返回值

height 属性返回 ImageData 对象的高度值。

示例

下面的示例展示了如何创建一个 ImageData 对象，并使用 height 属性获取其高度值：

// 创建一个 100 x 100 的矩形 ImageData 对象
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
var imageData = ctx.createImageData(100, 100);

// 使用 height 属性获取 ImageData 对象的高度值
var height = imageData.height;

console.log(height); // 输出 100

注意事项

• 当创建 ImageData 对象时，可以通过指定宽度和高度来确定其大小；
• 获取 ImageData 对象的像素数据后，可以通过修改像素数据来直接对 canvas 进行操作。