微信小程序中字体模糊怎么处理,求大神指点迷津呀。
发布于 6 个月前 作者 GehanCai 291 次浏览 来自 问答

本人在学习phaser框架开发微信小游戏时, 采用参考项目框架结构,然后发现默认情况下,字体显示非常模糊,尤其在字体比较小的情况下。又到网络上查找解决方法, 有说是没有开启resolution: window.devicePixelRatio,配置,

let game = new Phaser.Game({
    width: 667,
    height: 375,
    renderer: Phaser.CANVAS,
    antialias: true,
    resolution: window.devicePixelRatio,
    canvas: canvas
})

在加入配置之后,初始化的情况下显示正常,字体也清晰了。但是在进入新的state的时候就出现某些字体被莫名放大了,一下影响整体效果。现如今还是不知道怎么解决该问题。不知道的有没有大神知道解决方法的大神指点迷津。

2 回复

字体模糊是因为你的width和height非常小,在手机屏相当于做了放大处理。 你可以将width、height设置大一些,这样字体就不会模糊了。

@channingbreeze 很感谢你的回复,但是我在开启 resolution: window.devicePixelRatio, 参数时,iPhone上就会出现一个比较奇怪的bug,初次渲染不会问题,但是在进入下一个场景再回返回前一个场景时就会出现字体被放大 如图所示 WechatIMG36.jpeg WechatIMG37.jpeg

回到顶部