vue+html2Canvas 保存png

最新推荐文章于 2024-08-20 11:35:04 发布

奋斗的蜗牛，奔跑吧

最新推荐文章于 2024-08-20 11:35:04 发布

阅读量316

点赞数

分类专栏：前端文章标签： vue png js

本文链接：https://blog.csdn.net/weixin_42666837/article/details/107919496

版权

前端专栏收录该内容

46 篇文章 0 订阅

订阅专栏

1.说明

将HTML展示的页面保存为png文件

2.安装

npm install html2canvas
npm install jspdf

3.主函数

import html2Canvas from 'html2canvas'
import JsPDF from 'jspdf'
//title:下载的名称
pdf(title) {
		var element:any =document.body
		setTimeout(() => {
			html2Canvas(element).then(function(canvas) {
				let link = document.createElement('a')
				link.href = canvas.toDataURL() //下载链接
				link.setAttribute('download', imageName + '.png')
				link.style.display = 'none' //a标签隐藏
				document.body.appendChild(link)
				link.click()
			})
		}, 0)
}