html2canvas 在 ios13版本生成图片失效

Posted 2023-02-27 前端纸飞机

我能做的不多，但你需要的时候，我总是在的。

上图红色框中的部位为自定义的内容，剩余部分为背景图。

经测试，在安卓中，能如上图保存完整，在ios13系统以上失效。

解决方案：
1.将html2canvas的版本调整为如下：

package.json中：

"html2canvas": "1.0.0-rc.4",

修改后删掉node_modules重新装包。

2.需在生成的页面以至于上图的外层区域设置font-family

font-family: Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', STXihei, 'Microsoft YaHei', SimHei;

请设置在html2canvas 生成图片所在html2canvas(dom[0], )作用的元素的外面一层
原因是，有些字体无法处理。

改了这两个东西后，保存就没问题了。

最后：

其他的问题例如清晰度，例如截取后有一块区域空白，可以私信我解决。