HTML |画布 createImageData() 方法

createImageData() 方法用于创建一个新的空白 ImageData 对象。新对象的像素默认为透明黑色。

createImageData() 方法有两种语法：

• 它用于创建具有指定尺寸（以像素为单位）的新 ImageData 对象：
  句法：

  var imgData = context.createImageData(width, height);

• 它用于创建与 anotherImageData 指定的对象具有相同维度的新 ImageData 对象。它不复制图像数据。
  句法：

  var imgData=context.createImageData(imageData);

参数值：

• 宽度：它表示新 ImageData 对象的宽度（以像素为单位）。
• 高度：它表示新 ImageData 对象的高度（以像素为单位）。
• imageData：它是 anotherImageData 对象

例子：

  

    GeeksforGeeks
    HTML canvas createImageData() Method
    
  
    
    
        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);
    
  

  

输出：

支持的浏览器：

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