小杨
小杨
  • 发布:2015-01-03 18:19
  • 更新:2015-01-04 16:56
  • 阅读:3075

Canvas大小与屏幕不一致-被放缩。。。

分类:MUI

使用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?

2015-01-03 18:19 负责人:无 分享
已邀请:
小杨

小杨 (作者)

up

gxy

gxy

webkitBackingStorePixelRatio的问题,参考这篇文章就可以理解问题所在:http://blog.csdn.net/laijingyao881201/article/details/39505043

该问题目前已经被锁定, 无法添加新回复