要保存一个 Canvas 绘图，可以使用以下步骤：
- 获取 Canvas 元素和其绘图上下文：
var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d");
- 使用 Canvas 绘图 API 绘制图形。
- 使用
toDataURL()方法将 Canvas 保存为图像数据 URL：
var image = canvas.toDataURL("image/png");
- 创建一个链接元素，将图像数据 URL 作为链接的 URL，设置下载属性并添加到文档中：
var link = document.createElement("a"); link.href = image; link.download = "myImage.png"; document.body.appendChild(link); link.click();
完整的代码示例：
var canvas = document.getElementById("myCanvas"); var ctx = canvas.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0, 0, 100, 100); var image = canvas.toDataURL("image/png"); var link = document.createElement("a"); link.href = image; link.download = "myImage.png"; document.body.appendChild(link); link.click();
