如何在Javascript中将DataUrl转换为png图像文件

function dataUrlToPng(dataUrl) {
  // 提取数据内容部分
  var data = dataUrl.split(',')[1];
  
  // Base64解码
  var binary = atob(data);
  
  // 创建Blob对象
  var blob = new Blob([binary], { type: 'image/png' });
  
  // 创建临时URL
  var url = URL.createObjectURL(blob);
  
  // 创建Image对象
  var image = new Image();
  
  // 加载完成后的回调函数
  image.onload = function() {
    // 创建Canvas对象
    var canvas = document.createElement('canvas');
    var context = canvas.getContext('2d');
    
    // 设置Canvas的宽高与图像一致
    canvas.width = image.width;
    canvas.height = image.height;
    
    // 绘制图像到Canvas
    context.drawImage(image, 0, 0);
    
    // 将图像数据转换为新的Data URL
    var newUrl = canvas.toDataURL('image/png');
    
    // 可以将新的Data URL保存为PNG图像文件，或进行其他操作
    console.log(newUrl);
  };
  
  // 设置Image对象的src属性
  image.src = url;
}

// 调用函数，传入Data URL
dataUrlToPng('data:image/png;base64,iVBORw0KG...');