- 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();
});