vue项目中实现网页的截图功能 (html2canvas)
https://blog.csdn.net/tiantian082054/article/details/90699342
问题:1、截图空白,需要设置参数
2、无法完整截图,如下可以解决:
// 加上如下这几行代码,否则截图不完整window.pageYOffset = 0;document.documentElement.scrollTop = 0;document.body.scrollTop = 0;html2canvas(document.getElementById('insureV1'),{// backgroundColor:null,//画出来的图片有白色的边框,不要可设置背景为透明色(null)useCORS: true,//支持图片跨域scale:1,//设置放大的倍数}).then(canvas => {//截图用img元素承装,显示在页面的上let img = new Image();img.src = canvas.toDataURL('image/jpeg');// toDataURL :图片格式转成 base64console.log(canvas.toDataURL('image/jpeg'));let imgData = canvas.toDataURL('image/jpeg');})
本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!
