【canvas转png下载】

最新推荐文章于 2024-07-11 21:32:10 发布

知有丶

最新推荐文章于 2024-07-11 21:32:10 发布

阅读量578

点赞数

分类专栏： # 前端

本文链接：https://blog.csdn.net/weixin_43854673/article/details/122254353

版权

前端 html5 canvas

前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

canvas转png下载

使用gojs时生成的canvas没有id，所以是通过tagName获取的

如果canvas有id，直接var canvasElement = document.getElementById(“canvasId”);

    exportCanvasAsPNG(fileName) {

      var canvasElement = document.getElementsByTagName("canvas");

      console.log(canvasElement)

      var MIME_TYPE = "image/png";

      var imgURL = canvasElement[0].toDataURL(MIME_TYPE);

      var dlLink = document.createElement('a');
      dlLink.download = fileName;
      dlLink.href = imgURL;
      dlLink.dataset.downloadurl = [MIME_TYPE, dlLink.download, dlLink.href].join(':');

      document.body.appendChild(dlLink);
      dlLink.click();
      document.body.removeChild(dlLink);
    },