移動端使用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