把canvas标签中的内容保存为图片

• step1

打开【开发者工具】，在 Elements面板
给要保存的 canvas标签加上一个 选择器，确保选择器唯一

<canvas 其他属性...  class="abcdefxxxxxx"></canvas>

• step2

切换到 Console面板
借助a标签，保存canvas图像为图片

document.querySelector('.abcdefxxxxxx').toBlob((blob) => {
    const timestamp = Date.now().toString();
    const a = document.createElement('a');
    document.body.append(a);
    a.download = `${timestamp}.png`;
    a.href = URL.createObjectURL(blob);
    a.click();
    a.remove();
  });