截图工具Html2canvas

Html2canvas是一个可以截取指定部分的截图插件，可在vue中使用，但是由于它是基于网页中的Dom元素进行截取的，所以并不能100%将网页完全截的分毫不差，他只是根据网页中的可用信息来构成一个屏幕截图。所以请谨慎使用

1.安装

npm install --save html2canvas

2.引入

import html2canvas from 'html2canvas';

3.使用

html2canvas(document.querySelector("#person_report")).then(canvas => {
         document.body.appendChild(canvas)
        let dataURL = canvas.toDataURL("image/png");
})//#person_report是截图选取的区域

4.最终获取canvas并将canvas转化为base64

5.详细使用或者研究可访问官网http://html2canvas.hertzen.com