使用html2canvas截取vue-grid-layout布局的纯图表页面,记录遇到的图表发生偏移,滚动条下面的内容截取不到
需要截取的页面
![](https://img-blog.csdnimg.cn/20210401165106152.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDUyNDgzNg==,size_16,color_FFFFFF,t_70)
截取的图片中图表发生偏移,红色部分的图表往右偏移了一个自己的width
发生这个问题是因为vue-grid-layout插件里有一个class(cssTransforms)冲突了,只需要在调用html2canvas之前把这个class去掉就可以了
截取有滚动条的,滚动条下面的截取不到
只需要在html2canvas中配置相应高度就可以完美解决