Thuộc tính Ví dụ này tạo ra một đối tượng ImageData.data readonly trả về một Uint8ClampedArray chứa dữ liệu pixel của đối tượng ImageData. Dữ liệu được lưu trữ dưới dạng mảng một chiều theo thứ tự RGBA, với các giá trị số nguyên giữa 0 và 255 [bao gồm].ImageData.data property returns a Uint8ClampedArray that contains the ImageData object's pixel data. Data is stored as a one-dimensional array in the RGBA order, with integer values between 0 and 255
[inclusive]. Giá trị
Ví dụ
Nhận dữ liệu pixel của đối tượng hình ảnh
ImageData rộng 100 pixel và cao 100 pixel, tạo ra 10.000 pixel. Mảng data lưu trữ bốn giá trị cho mỗi pixel, tạo ra 4 x 10.000 hoặc 40.000 giá trị trong tất cả.
let imageData = new ImageData[100, 100];
console.log[imageData.data]; // Uint8ClampedArray[40000]
console.log[imageData.data.length]; // 40000
Điền vào một đối tượng hình ảnh trống
Ví dụ này tạo ra và điền vào một đối tượng ImageData mới với các pixel đầy màu sắc.
HTML
JavaScript
Vì mỗi pixel bao gồm bốn giá trị trong mảng data, vòng lặp
const canvas = document.getElementById['canvas'];
const ctx = canvas.getContext['2d'];
const imageData = ctx.createImageData[100, 100];
// Fill the array with RGBA values
for [let i = 0; i