购物网站网页模板网站设计师简介

要保存一个 Canvas 绘图，可以使用以下步骤：

1. 获取 Canvas 元素和其绘图上下文：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

1. 使用 Canvas 绘图 API 绘制图形。

2. 使用 toDataURL() 方法将 Canvas 保存为图像数据 URL：

var image = canvas.toDataURL("image/png");

1. 创建一个链接元素，将图像数据 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();