我有一个字体名称为futurastd-light的细文本,当我调整画布大小时,文本看起来很破损。
我尝试了一些堆栈溢出的解决方案,如下所示。 1.具有较大的文本大小,并且缩放比例小且重新定位。 2.我尝试将画布的分辨率添加为1和2,这是Pixijs文档推荐的。 什么都没用。
我使用window.innerWidth和window.innerHeight缩小画布
ratio = Math.round(($(window).width() / $(window).height())*100)/100
var rw = canvasWidth;
var rh = canvasHeight;
var w = window.innerWidth;
var h = window.innerHeight;
multiplier = Math.min((h / rh),(w / rw));
var destW = rw * multiplier;
var destH = rh * multiplier;
app.renderer.view.style.width = destW + 'px';
app.renderer.view.style.height = destH + 'px';
app.renderer.view.style.position = 'absolute';
app.renderer.view.style.top = "50%"
app.renderer.view.style.left = "50%"
app.renderer.view.style.transform = "translate(-50%,-50%)"
var bottom_rw = canvasWidth_bottom;
var bottom_rh = canvasHeight_bottom;
var bottom_multiplier = Math.min((h / bottom_rh),(w / bottom_rw));
var bottom_destW = bottom_rw * multiplier;
var bottom_destH = bottom_rh * multiplier;
app_bottom.renderer.view.style.width = bottom_destW + 'px';
app_bottom.renderer.view.style.height = bottom_destH + 'px';
app_bottom.renderer.view.style.position = 'absolute';
app_bottom.renderer.view.style.top = "100%"
app_bottom.renderer.view.style.left = "50%"
app_bottom.renderer.view.style.transform = "translate(-50%,-100%)"