图片图标模糊问题,逻辑分辨率
发布于 5 年前 作者 xia19 12486 次浏览 来自 问答
  • 当前 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)

1 回复

也许你需要一张 144*144像素的图片,然后在 image里 width:48px;height:48px 。三倍图?

回到顶部