当我在pixijs中缩小画布时,文本看起来不完整

我有一个字体名称为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%)" 
fleia 回答:当我在pixijs中缩小画布时,文本看起来不完整

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3147701.html

大家都在问