深圳网站设计哪家强,个人博客自我介绍,做兼职什么网站好,大连建网站电话要保存一个 Canvas 绘图#xff0c;可以使用以下步骤#xff1a;
获取 Canvas 元素和其绘图上下文#xff1a;
var canvas document.getElementById(myCanvas);
var ctx canvas.getContext(2d);使用 Canvas 绘图 API 绘制图形。 使用 toDataUR…要保存一个 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();