一、html2canvas 图片留白
图片留白的问题应该是页面有滚动条,所以导致截屏又留白,解决形式有两种:1. 将页面 window.scrollTo(0,0) 这样能够解决,然而有的时候滚动会让用户看到,体验不好,所以,咱们能够看下另外一种形式
2. 设置参数 this.$html2canvas(document.getElementById('attack'),{scrollY: 0}) 这样也能解决问题;
二、html2canvas 生成图片那一刻,控制台有报错
遇到这样的问题就要查看本人 html 代码加载图片的那局部,通常是,截屏的时候某个图片加载谬误,万能的解决办法是在加载图片的中央加上判断 v-if 这样
三、html2canvas 生成图片过大,跳转页面无奈传到下个页面
这个问题我已经找了一个通宵,最初定位到这图片太大太大了,存本地也不行,存数据库更不行,倡议大家如果有携带截图到下个页面的操作就通过 hash 模式扭转页面 url,或者生成图片的时候尽量少的 html 构造
以上几点是自己开发过程中遇到的问题,如有问题,请斧正,心愿多多交换