需求 当前页面生成图片,页面过长需要滚动截屏生成图片
import html2canvas from 'html2canvas'
getImg() {
window.pageYoffset = 0;
document.documentElement.scrollTop = 0;
document.body.scrollTop = 0;
var dom = document.querySelector('#poster'); // 获取dom元素
html2canvas(dom, {
width: dom.clientWidth, //dom 原始宽度
height: dom.clientHeight,
scrollY: 0, // html2canvas默认绘制视图内的页面,需要把scrollY,scrollX设置为0
scrollX: 0,
useCORS: true, //支持跨域,但好像没什么用
scale: 1.8
}).then(async (canvas) => {
this.base64 = canvas.toDataURL('image/png')
console.log(this.base64)
});
},