关于Vue 使用html2canvas将div转化为图片

1. 安装

npm install html2canvas --save

2. 引入

import html2canvas from 'html2canvas'

3.使用

下载

 downLoadData:function(){    

        html2canvas(document.getElementById("mainwrap")).then(function (canvas) {

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

              let $a = document.createElement('a');

              $a.setAttribute("href", image);

              $a.setAttribute("download", "节能统计");

              $a.click();

       });

    }

 

参考:

https://blog.csdn.net/weixin_43876684/article/details/86322682

https://blog.csdn.net/weixin_43983711/article/details/103281117