如题,注释了大部分代码后,最终发现问题出在段代码上:
//UI设计基础宽度:750px;
ctx.font = "3rem sans-serif";
一开始担心是iOS Safari的壳不支持canvas,查了https://caniuse.com/ 发现其实是支持的。
查询结果如下:
![canvas支持情况查询结果](https://i-blog.csdnimg.cn/blog_migrate/c0bad5f0a32d36ed1df7f06cb4297a0a.png)
项目中做了移动端rem适配的(在基础UI设计宽度为750px的情况下,1rem=12.5px),
document.documentElement.style.fontSize = document.documentElement.clientWidth / 60 + "PX";
所以直接用了rem,但是iOS Safari只支持标准的canvas,标准的canvas只支持px不支持rem。
所以这个问题解决方案是将rem转换回px,如下:
//UI设计基础宽度