Vue2 - 完美解决html2canvas截图不全问题,截屏导出的图片显示不全只有一部分或缺一块,vue2移动端H5网页项目使用html2canvas插件长截图,截图只截取当前可视区域导出图片不全!

前言

该解决方案任意前端技术栈通用,不仅限Vue。

在 vue2(手机H5移动端/微信公众号H5页面)项目开发中,使用html2canvas截屏时发现有一部分未截取到少了一块截图不完整,导出保存图片时发现截图只有一半显示不全,另外还有一个问题就是截图时截取当前可视区域的问题(出现滚动条只保存可视区的问题,内容不能删减又无法长截图恶心问题),其次页面正常截取范围也不大,但就是出现了截取不全的问题,此外某些苹果IOS系统手机截屏少一部分、有些设备导出图片不全等,本文提供强力解决方案和示例代码。


如下图所示,只要截图不全或丢失部分便可完美解决!

详细解决方法,保证100%搞定

在这里插入图片描述

解决方案

按照下方分析及多种解决方案,轻松搞定此问题。

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/143252385