【解决】html2canvas截图不全的问题
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了【解决】html2canvas截图不全的问题相关的知识，希望对你有一定的参考价值。
参考技术A 在公司开发中，遇到测试反馈的问题，在用户签约生成图片转发的时候，图片样式戳，截图不全，展示效果如下：于是采用解决方案2，修复了此问题。
在点击保存图片时，此时要保存的资源较多，造成模块并没有完全加载完毕，就已经生成了截图。
解决方案：（延迟）
滚轮滑动造成的，主要是html2canvas是根据body进行截图，若内容高度高于body时，就会出现这样的问题
解决方案：(在生成截图前，先把滚动条置顶)
Vue<解决html2canvas截图不全的问题>
参考技术A具体如何生成截图的方法，请参考 https://www.jianshu.com/p/e7e3b19cfa21 ，此处只是解决生成截图时的一些坑。
我所知道的原因有两点，
第一点 ：在点击保存图片时，此时要保存的资源较多，造成模块并没有完全加载完毕，就已经生成了截图；
解决方案：(加上一个延时操作)
第二点 ：滚轮滑动造成的，主要是html2canvas是根据body进行截图，若内容高度高于body时，就会出现这样的问题(大概意思就是有滚动条时造成的)
解决方案：(在生成截图前，先把滚动条置顶)
以上是关于【解决】html2canvas截图不全的问题的主要内容，如果未能解决你的问题，请参考以下文章