使用MUI过程中发现如下问题:
应用场景: 想在页面中使用Canvas绘图。 发现很模糊,几经调试后,发现以下问题
问题:
在小米2S上测试时, 使用screen.width 和 screen.height可以得到屏幕的宽度和高度
720 * 1280
Canvas大小设置为360 * 640时刚好可以填满屏幕 。
(注:我的viewport没有设错
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">)
也就是说我相当于在360*640的屏上画图,绘制完后被拉伸为原来的2倍。这样得到的结果当然是模糊了。使用UC浏览器访问我的相应页面就没有此问题。
请我此问题如何解决?
为何分辨率是720 ,但网页中的坐标确是360?