js实现canvas保存图片为png格式并下载到本地

小灰灰 2022-09-09 01:49 330阅读 0赞

js

  1. function exportCanvasAsPNG(id, fileName) {
  3.     var canvasElement = document.getElementById(id);
  5.     var MIME_TYPE = "image/png";
  7.     var imgURL = canvasElement.toDataURL(MIME_TYPE);
  9.     var dlLink = document.createElement('a');
  10.     dlLink.download = fileName;
  11.     dlLink.href = imgURL;
  12.     dlLink.dataset.downloadurl = [MIME_TYPE, dlLink.download, dlLink.href].join(':');
  14.     document.body.appendChild(dlLink);
  15.     dlLink.click();
  16.     document.body.removeChild(dlLink);
  17. }

html

  1. <button onclick="exportCanvasAsPNG('pieChart','nianling')">保存</button>

发表评论

表情：
评论列表 （有 0 条评论，330人围观）

还没有评论，来说两句吧...

相关阅读

    相关 js保存图片到本地

    说明：可以实现下载图片，但是移动端浏览器不行，暂时没有实现，如果有知道的大哥留个言，让我改进一下，感谢。 操作步骤： 新建一个文件夹，将代码放入index.html，然后在文

    系统管理员系统管理员/ 0 赞/ 87 阅读