vue - html 下载png图片
- 一、 下载
- 二、页面引入
- 三、使用,页面元素的点击事件触发
一、 下载
npm install html2canvas
二、页面引入
import html2canvas from 'html2canvas';
三、使用,页面元素的点击事件触发
<span> <el-link @click="btnDownload">下载pngel-link> span>
btnDownload() {this.table.loading = truehtml2canvas(document.querySelector('#这里是id')).then(canvas => {const saveUrl = canvas.toDataURL('image/png')const a = document.createElement('a')document.body.appendChild(a)a.href = saveUrla.download = '这里是图片标题'a.click()this.table.loading = false})},
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！
