主要利用的就是canvas的toDataURL()和a标签的download功能
简单粗暴:
<canvas id="canvas" width="300" height="300"></canvas>
<a id="dwl" href="" download="下载">下载</a>
<script>
let canvas = document.getElementById("canvas");
let ctx=canvas.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,300);
let data =canvas.toDataURL();
document.getElementById("dwl").href=data;
</script>