如何将带有画布的画布保存为无黑色背景的blob？

// 创建原始画布
var canvas = document.createElement('canvas');
canvas.width = 500;
canvas.height = 500;
var ctx = canvas.getContext('2d');

// 在原始画布上绘制图像
ctx.fillStyle = 'red';
ctx.fillRect(0, 0, canvas.width, canvas.height);

// 获取原始画布数据URL
var dataURL = canvas.toDataURL();

// 创建新画布
var newCanvas = document.createElement('canvas');
newCanvas.width = canvas.width;
newCanvas.height = canvas.height;
var newCtx = newCanvas.getContext('2d');

// 绘制透明背景
newCtx.clearRect(0, 0, newCanvas.width, newCanvas.height);

// 绘制原始图像
var img = new Image();
img.onload = function() {
  newCtx.drawImage(img, 0, 0);
  
  // 获取新画布数据
  newCanvas.toBlob(function(blob) {
    // 在这里可以处理保存的Blob对象
    console.log(blob);
  });
};
img.src = dataURL;