- 当前 Bug 的表现(可附上截图)
我使用的是安卓手机,逻辑分辨率是360*640,物理分辨率 1080*1280,在小程序使用image标签加载图片、图标时或使用canvas绘制图片时,图片都很模糊,但字体却很清晰。
- 预期表现
为什微信的图片显示很清楚,没有这个问题,手机本身桌面墙纸、看照片时也没有这个问题?在微信小程序上如何解决这个问题?
- 复现路径
准备一个48*48像素的图片,在Image中加载:
<image src="https://XXX/pic.png" style="width:48px;height:48px" />
或者
在canvas上
context.drawImage("https://XXX/pic.png",48,48)
也许你需要一张 144*144像素的图片,然后在 image里 width:48px;height:48px 。三倍图?
如果是这样,问题是每个手机都不一样啊,苹果手机有1.5倍,2倍的,现在安卓大多是3倍的,我也没法都去准备一遍啊
那就都用3倍图呗~ 就高不就低
好吧,谢谢,我再研究下,根据手机适配
我试了3倍大小图片,结果完美解决问题。再次感谢!
啧啧啧,太客气。。