最近开发一个移动端签名,并将签名合成生成图片上传服务器的功能。主要用到了canva和html2canvas,签字就不说了,说下html2canvas在合成图片时遇到了一些坑。
一、html2canvas合成的图片中文字换行时首字会重叠
解决办法:更换html2canvas的版本,之前用的时1.1.4,发现合成的图片中文字换行时首字会重叠,更换为1.0.0版本。
二、部分ios会导致页面刷新或者空白
解决办法:ios的系统字体导致的,将font-family中-apple-system去除。或者直接在页面根节点增加字体样式,覆盖-apple-system样式。
font-family: Helvetica, Tahoma, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', STXihei, 'Microsoft YaHei',SimHei;