将html5 canvas元素保存到文件(本地)

const canvas = document.getElementById('myCanvas');
const imageData = canvas.toDataURL('image/png');

const link = document.createElement('a');
link.href = imageData;
link.download = 'myImage.png';
link.style.display = 'none';
document.body.appendChild(link);

link.click();

document.body.removeChild(link);

function downloadCanvasAsImage(canvasId, fileName) {
  const canvas = document.getElementById(canvasId);
  const imageData = canvas.toDataURL('image/png');
  const link = document.createElement('a');
  link.href = imageData;
  link.download = fileName;
  link.style.display = 'none';
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

// 使用方法：downloadCanvasAsImage('myCanvas', 'myImage.png');