pixi.js字体模糊问题

本人一个实习生,公司要求用PIXI进行开发项目,我用了以后发现字体非常模糊,而且线条边缘有锯齿
我没有设置什么,就是根据API文档写的,文字越大越清晰,越小越模糊,看网上什么因为屏幕像素的问题,但是不是很懂,想知道有没有大神可以解答,最好可以留一个联系方式交流一下

部分主要代码如下:
所有图形文字大小都是相对画布进行绘制

this.length是画布大小,后面乘的都是一些配置文件的比例

let options = {
            width: this.length, //宽度
            height: this.length, //高度
            antialias: true, //锯齿度,平滑字体和图形基元的边缘
            transparent: Config.canvasTransparent, //透明,使画布背景透明
            resolution: 1 //分辨率,使用不同分辨率和像素密度的显示更容易
        };
let app = new PIXI.Application(options);

//文字样式
let style = new PIXI.TextStyle({
            fontFamily: 'Arial',
            fontSize: Math.floor(this.length * Config.roadNameScale),
            fill: "black",
            fontWeight: 200,
        });

希望大佬们能帮帮忙,感谢感谢

阅读 6k
1 个回答

resolution:2 就好了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进