关于 html2canvas screenoff 显示不全的问题

来源:互联网 发布:香港人用什么手机知乎 编辑:程序博客网 时间:2024/05/23 22:49

2017/4/26


尝试使用html2canvas库输出一个组织结构图。当组织结构图打开的时候,会生成scrollbar(横向的),用html2canvas导出的时候就会生成不全的图片。

通过研究,确定了我的简单的解决方案。


1. 创建一个虚拟的div,使它拥有结构图的(可能加上旁边多余导航栏)width。position: absolute,z-index: -1,和一定高度... 

2. 之后把这个div append到body上。设置scrollbar scrollLeft(0),使横向的原来container的scrollbar复位。

3. 加一个loading mask,然后导出图片,这里达到了期望的结果。

4. 之后记得remove这个伪的div。然后拿走loading mask。


这个解决方案只适用于横向的scrollbar 挡住的部分不能显示,其他的ues case没有遇到,也不能handle。

0 0
原创粉丝点击