上图红色框中的部位为自定义的内容,剩余部分为背景图。
经测试,在安卓中,能如上图保存完整,在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], {})作用的元素的外面一层
原因是,有些字体无法处理。
改了这两个东西后,保存就没问题了。
最后:
其他的问题例如清晰度,例如截取后有一块区域空白,可以私信我解决。