移动端使用canvsa绘图时用了rem适配,在电脑和android手机适用,在ios手机不显示了
原因:iOS Safari只支持标准的canvas,标准的canvas只支持px不支持rem。
处理方法:使用px
例:
//获取设备宽度
let clientWidth = document.documentElement.clientWidth;
//根据设计图中的canvas font字体的占比进行设置
let fontWidth = clientWidth*3*12.5/750;
//设置自适应的字体大小
ctx.font = fontWidth*2+"px sans-serif"; 注:此处根据需求调整大小
原文链接:https://blog.csdn.net/github_39570717/java/article/details/104059466