PixiJS：未正确绘制圆角矩形答案

【问题标题】：PixiJS: not drawing round rectangle correctlyPixiJS：未正确绘制圆角矩形
【发布时间】：2019-06-15 14:03:58
【问题描述】：

绘制圆角矩形后，角不是完美的圆角。角落被像素化了：

如何绘制没有像素化角的正确圆角矩形？这是我的代码：

var graphics = new PIXI.Graphics();
graphics.beginFill(0x3e494b);
graphics.lineStyle(4, 0x0, .3);
graphics.drawRoundedRect(
    x,
    y,
    width,
    height,
    30
);
graphics.endFill();

【问题讨论】：

我对 PIXI 不是特别熟悉，但这看起来 PIXI 可能正在绘制一个 <canvas> 元素，其内部尺寸小于页面上的实际尺寸。确保画布的内部尺寸匹配或超过 <canvas> HTML 元素的尺寸。
@JohnEllmore Pixi.js 默认使用 WebGL 并使用画布作为后备。
@Captain 你的 Pixi 应用程序是使用 WebGL 还是画布？

标签： javascript pixi.js

【解决方案1】：

如果您的项目使用 Pixi Application，请尝试将 antialias 选项设置为 true。例如：

const app = new Application({antialias: true});

【讨论】：