共计 368 个字符,预计需要花费 1 分钟才能阅读完成。
1. 我的项目中引入 html2canvas
npm install html2canvas
2. html 局部
<div class="html2canvas" ref="html2canvas">
3. js 局部
import html2canvas from 'html2canvas'
export default {mounted () {this.toImage()
},
methods: {toImage () {
html2canvas(this.$refs.html2canvas, {
width: 300,
height: 300,
backgroundColor: null,
useCORS: true // 解决文件跨域问题
}).then(canvas => {let url = canvas.toDataURL('image/png') // 生成的图片
// 能够上传后端或者间接显示
})
}
}
}
正文完