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

ImageData width 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 dài của imgData là: " + imgData.width);

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 width	4.0	2.0	9.0	3.1	9.0

Thuộc tính width trả về độ dài 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.width;

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