使用html2canvas截取vue-grid-layout布局的纯图表页面,记录遇到的图表发生偏移,滚动条下面的内容截取不到
使用html2canvas截取vue-grid-layout布局的纯图表页面,记录遇到的图表发生偏移,滚动条下面的内容截取不到
需要截取的页面
截取的图片中图表发生偏移,红色部分的图表往右偏移了一个自己的width
发生这个问题是因为vue-grid-layout插件里有一个class(cssTransforms)冲突了,只需要在调用html2canvas之前把这个class去掉就可以了
截取有滚动条的,滚动条下面的截取不到
只需要在html2canvas中配置相应高度就可以完美解决
纯属记录工作
原创
2021-04-01 17:06:47 ·
485 阅读 ·
1 评论