new Blob如何创建图片对象

要创建一个图片对象，可以使用URL.createObjectURL()方法将Blob对象转换为URL，然后将URL传递给Image对象的src属性。下面是一个示例代码：

// 创建一个canvas画布
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');

// 在canvas上绘制一张图片
ctx.fillStyle = '#FF0000';
ctx.fillRect(0, 0, 100, 100);

// 将canvas内容转换成Blob对象
canvas.toBlob(function(blob) {
  // 使用URL.createObjectURL()方法创建URL
  var url = URL.createObjectURL(blob);

  // 创建一个Image对象
  var img = new Image();

  // 设置Image对象的src属性为URL
  img.src = url;

  // 将Image对象添加到DOM中
  document.body.appendChild(img);
}, 'image/png');

上面的代码首先创建一个canvas画布，并在画布上绘制一张红色的矩形。然后将canvas内容转换成Blob对象，并使用URL.createObjectURL()方法创建URL。接着创建一个Image对象，将URL赋值给Image对象的src属性，最后将Image对象添加到DOM中。