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 :图片格式转成 base64
                    console.log(canvas.toDataURL('image/jpeg'));
                    let imgData = canvas.toDataURL('image/jpeg');

                })

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值