天天看點

canvas繪圖的文字在ios中不顯示

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