实质是将html转换为canvas,再讲canvas转化为图片的url
需要的api有两个,一个是html2canvas()
,一个是toDataURL()
-
引入html2canvas插件
import html2canvas from 'html2canvas'
-
将指定的html元素,搭配参数转换为canvas,options是配置的canvas的样式
const options = { // backgroundColor: null } const res = await html2canvas(this.$refs.txtDetail, options)
-
将生成的canvas转换为url的base64的格式
const base64Url = canvas.toDataURL("image/png")
网友评论