关于javascript:html2canvas常见踩坑问题

3次阅读

共计 460 个字符,预计需要花费 2 分钟才能阅读完成。

一、html2canvas 图片留白

 图片留白的问题应该是页面有滚动条,所以导致截屏又留白,解决形式有两种:1.     将页面 window.scrollTo(0,0) 这样能够解决,然而有的时候滚动会让用户看到,体验不好,所以,咱们能够看下另外一种形式
  2.    设置参数 this.$html2canvas(document.getElementById('attack'),{scrollY: 0}) 这样也能解决问题;

二、html2canvas 生成图片那一刻,控制台有报错

 遇到这样的问题就要查看本人 html 代码加载图片的那局部,通常是,截屏的时候某个图片加载谬误,万能的解决办法是在加载图片的中央加上判断 v-if 这样 

三、html2canvas 生成图片过大,跳转页面无奈传到下个页面

 这个问题我已经找了一个通宵,最初定位到这图片太大太大了,存本地也不行,存数据库更不行,倡议大家如果有携带截图到下个页面的操作就通过 hash 模式扭转页面 url,或者生成图片的时候尽量少的 html 构造

以上几点是自己开发过程中遇到的问题,如有问题,请斧正,心愿多多交换

正文完
 0