htmlcanvas 在 ios13版本生成图片失效

纸飞机 发表于 2022/02/18 00:28:59 2022/02/18
【摘要】 我能做的不多,但你需要的时候,我总是在的。 上图红色框中的部位为自定义的内容,剩余部分为背景图。 经测试,在安卓中,能如上图保存完整,在ios13系统以上失效。 解决方案: 1.将ht...

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

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

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

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

package.json中:

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

  
 
  • 1

修改后删掉node_modules重新装包。

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

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

  
 
  • 1

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

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

最后:

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

文章来源: root181.blog.csdn.net,作者:前端纸飞机,版权归原作者所有,如需转载,请联系作者。

原文链接:root181.blog.csdn.net/article/details/122978815

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件至:cloudbbs@huaweicloud.com进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容。
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。