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。