前端把页面截屏并下载,html2canvas

需求:

在做项目中遇到需求,需要吧页面保存成图片下载下来,经过查找资料找到了“html2canvas”这个插件。

实现:

代码:

  

  

  

  下载页面

  

  

  

    123

  

  下载

  

  

  

    //开始转换

    function convert() {

      html2canvas(document.querySelector("#capture")).then(canvas => {

        //将canvas内容保存为文件并下载

        canvas.toBlob(function(blob) {

           saveAs(blob, "统计报告.png");

        });

      });

    }

  

效果:

前端把页面截屏并下载,html2canvas_第1张图片

前端把页面截屏并下载,html2canvas_第2张图片 

 

 

你可能感兴趣的:(Vue,前端,html,javascript)