微信小程序中字体模糊怎么处理,求大神指点迷津呀。
本人在学习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,初次渲染不会问题,但是在进入下一个场景再回返回前一个场景时就会出现字体被放大
如图所示