HTML |画布 ImageData 数据属性

ImageData 数据属性用于返回包含指定 ImageData 对象的图像数据的对象。
ImageData 对象中的每个像素都包含四条信息，即 RGBA 值：

• R 表示红色 (0-255)
• G表示绿色（0-255）
• B表示蓝色（0-255）
• A 表示 alpha 通道（0-255；0 表示完全透明，255 表示完全可见）

存储在 ImageData 对象的 data 属性中的数组存储颜色/alpha 的信息。
句法：

imageData.data;

例子：

html

 

    
      GeeksforGeeks
  
    HTML canvas ImageData data property
    
  
    
 
    
        var can = document.getElementById("myCanvas");
        var gfg = can.getContext("2d");
        var imgData = gfg.createImageData(150, 100);
 
        var i;
        for (i = 0; i < imgData.data.length; i += 3) {
            imgData.data[i + 0] = 100;
            imgData.data[i + 1] = 0;
            imgData.data[i + 2] = 0;
        }
 
        gfg.putImageData(imgData, 10, 10);
    
 

 

输出：

支持的浏览器： HTML canvas ImageData 数据属性支持的浏览器如下：

• 铬合金
• 浏览器 9.0
• 苹果浏览器
• 火狐
• 歌剧