Ví dụ và cách sử dụng thuộc tính ImageData height trả về chiều cao của một đối tượng ImageData, với đơn vị tính là pixel.

ImageData height trong Canvas

<!DOCTYPE html>

<html>

<body>

<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">Trình duyệt của bạn không hỗ trợ thẻ canvas trong HTML5.</canvas>

var c = document.getElementById("myCanvas");

var ctx = c.getContext("2d");

var imgData = ctx.createImageData(100, 100);

alert("Chiều cao của imgData là: " + 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>

</body>

</html>

Số trong bảng dưới đây thể hiện phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ cho thuộc tính.

Thuộc tính
ImageData height	4.0	2.0	9.0	3.1	9.0

Thuộc tính ImageData height trả về chiều cao của một đối tượng ImageData, với đơn vị tính là pixel.

Mẹo: Xem createImageData(), getImageData() và putImageData() để tìm hiểu thêm về đối tượng ImageData.

Cú pháp JavaScript: imgData.height;

WebVN Cộng đồng web Việt Nam