其他分享
首页 > 其他分享> > Vue中使用html2canvas将HTML转为图片下载并保存

Vue中使用html2canvas将HTML转为图片下载并保存

作者:互联网

 1 首先引入:import html2canvas from '../../static/js/html2canvas.min.js'
 2 
 3 然后:
 4 <div id="capture" style="padding: 10px; background: #f5da55">
 5     <h4 style="color: #000; ">Hello world!</h4>
 6 </div>
 7 最后:
 8 html2canvas(document.querySelector('#map')).then(canvas => {
 9         let dataURL = canvas.toDataURL('image/png')
10         if (dataURL !== '') {
11           let alink = document.createElement('a')
12           alink.href = dataURL
13           alink.download = 'downloadImage.png'
14           alink.click()
15         }
16       })

官方网站:http://html2canvas.hertzen.com/

 

标签:canvas,Vue,dataURL,..,alink,图片下载,html2canvas,document
来源: https://www.cnblogs.com/lyt520/p/14263041.html