html2canvas 在 ios13版本生成图片失效

简介: html2canvas 在 ios13版本生成图片失效

d65b1c4313034ed7955bb97b3b5e1991.png

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

经测试,在安卓中,能如上图保存完整,在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], {})作用的元素的外面一层

原因是,有些字体无法处理。

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

最后:

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



相关文章
|
4月前
|
移动开发 HTML5
可达鸭举牌网页版本在线生成源码html5
可达鸭举牌网页版本,在线生成源码,点击分享即可制作DIY自己的举牌文字网页,需要GIF动图的自行用GIF图片录制工具录制下来。
57 1
可达鸭举牌网页版本在线生成源码html5
|
4月前
|
缓存 iOS开发
如何在Xcode删除某个版本的IOS模拟器
如何在Xcode删除某个版本的IOS模拟器
630 1
|
7月前
|
iOS开发
iOS中如何显示后台返回的带有html标签的富文本字符串
iOS中如何显示后台返回的带有html标签的富文本字符串
70 0
|
7月前
|
XML 移动开发 前端开发
HTML版本
【4月更文挑战第16天】HTML版本
52 4
|
7月前
|
Linux 数据安全/隐私保护 iOS开发
Xcode8.1如何支持iOS8.0以下版本
Xcode8.1如何支持iOS8.0以下版本
51 0
|
7月前
|
移动开发 Android开发 iOS开发
ios标准页面调用HTML5页面和HTML5调用ios的函数
ios标准页面调用HTML5页面和HTML5调用ios的函数
52 0
|
7月前
|
iOS开发
解决使用document.activeElement.blur()禁止弹出手机默认键盘ios版本17以上会出现闪屏问题
解决使用document.activeElement.blur()禁止弹出手机默认键盘ios版本17以上会出现闪屏问题
80 2
|
7月前
|
数据安全/隐私保护 开发者 iOS开发
iOS-打包上架构建版本一直不出现/正在处理/自动消失
iOS-打包上架构建版本一直不出现/正在处理/自动消失
157 0
|
前端开发 JavaScript API
wangEditor富文本编辑器的调用开发实录(v5版本、获取HTML内容、上传图片、隐藏上传视频)
wangEditor富文本编辑器的调用开发实录(v5版本、获取HTML内容、上传图片、隐藏上传视频)
1002 0
|
7月前
|
移动开发 开发工具 数据安全/隐私保护
iOS APP 版本更新升级教程:如何打包上架新的 APP 版本?
iOS APP 版本更新升级教程:如何打包上架新的 APP 版本?
iOS APP 版本更新升级教程:如何打包上架新的 APP 版本?