Web ImageData API | ImageData.data 属性

ImageData.data 属性用于返回一个 Uint8ClampedArray，其中包含以像素为单位的 ImageData 对象。 ImageData 对象以 RGBA 顺序存储在一个一维数组中。 RGBA 的值介于 0 到 255 之间。

句法：

imageData.data

示例 1：此示例显示数组的 ImageData 像素值为零。

 
 
  

    
        Web ImageData API | ImageData.data property
    
  

  

      
     
        GeeksForGeeks 
     
                  
    ImageData data property
  
    Get data
      
    
  
    
        function getdata () {
        let imageData = new ImageData(100, 100);
            document.getElementById('data').innerHTML
                    = imageData.data;
        }
     

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

示例 2：此示例显示 ImageData 数组对象的长度。

 
 
  

    
        Web ImageData API | ImageData.data property
    
  

  

      
     
        GeeksForGeeks 
     
                  
    ImageData data property
      
    
        Get length
    
      
    
  
    
        function getdata () {
        let imageData = new ImageData(100, 100);
            document.getElementById('data').innerHTML
                    = imageData.data.length;
        }
     

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

支持的浏览器： Web ImageData API 支持的浏览器 | ImageData.data 属性如下所示：

• 谷歌浏览器
• 浏览器 9
• 火狐 14
• Safari 3.1
• 歌剧9