html2canvas在 ios13.4微信内置浏览器中无反应，截取不全等问题及解决方案

葬我以时光

已于 2022-11-13 22:16:26 修改

阅读量1.5k

点赞数 2

分类专栏： Vue Canvas HTML 文章标签： vue.js html5

于 2022-11-10 15:17:13 首次发布

本文链接：https://blog.csdn.net/jone_hui/article/details/127789516

版权

Vue 同时被 3 个专栏收录

38 篇文章 2 订阅

订阅专栏

HTML

6 篇文章 0 订阅

订阅专栏

Canvas

3 篇文章 0 订阅

订阅专栏

本文档详细描述了在iOS 13.4设备上使用html2canvas遇到的问题，包括版本兼容问题和底部空白生成问题的解决方案。通过升级html2canvas版本并调整配置选项，确保跨设备图片截取的正确性。

摘要由CSDN通过智能技术生成

采坑问题一：

问题描述：ios13.4(iphone6，6s等机型)不生效，无反应：相关Issues描述

解决方案：

1. 打开package.json, 替换html2canvas版本为：
"html2canvas": "1.0.0-rc.4"
（注意删除掉版本检测^或~符号），指定为1.0.0-rc.4



2. 重新npm i html2canvas

采坑问题二：

问题描述：ios13.4(iphone6，6s等机型)生成图片下面空白

解决方案：

// html2Canvas实例获取问题
(window.html2canvas || html2canvas)(dom, options = {}).then(res => {
    // 逻辑操作
    canvas.toDataURL('image/jpg', 0.55)
})


// 底部空白截取不全问题
修改option配置
const opt = {
    scale: 1, 默认比例
    height: dom.scrollHeight
    windowHeight: dom.scrollHeight // 关键
}