如何更改 PIXI.js 中的线帽？

Question

我正在尝试使用 PIXI.js 在 Graphics 对象上画一条圆角线。 我使用moveTo()和lineTo()命令来画线，但这会导致它出现对接角（尖的、方形的）。 他们的文档说您可以使用lineStyle()方法并将其传递给一个对象，然后您可以在其中指定cap并将其设置为来自名为PIXI.LINE_CAP的枚举的三个值之一。 我试过这个：

myGraphics.lineStyle({
    cap: PIXI.LINE_CAP.ROUND
});

我被告知 LINE_CAP 没有定义。 我从这个链接https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js导入 PIXI.js，如果我在那个文件“LINE_CAP”上执行 ctrl + F没有出现在任何地方。

我是否需要导入库的另一部分才能访问此枚举？ 无论如何，我还是为drawTorus()方法导入了graphics-extra文件，并且那里也没有 LINE_CAP。 我还打印了我的图形对象的_lineStyle属性，而且那里似乎没有任何lineCap或cap属性？ （它们也不是lineWidth或类似的东西）

此外，这可能无关紧要，但我似乎无法让lineStyle()方法做任何事情，甚至无法更改线条的颜色或宽度。 这整个概念是被弃用还是什么，他们只是没有更新他们的文档？ 如果是这样，我应该如何用圆帽画一条线？

到目前为止，我已经使用arc()方法在末端放置了一个圆帽，它工作得很好，但是在使用它时我有性能问题，如果可能的话我宁愿避免它。 （如果我手动放置弧，那么 JavaScript 必须进行计算，而我假设更改 linecap 可以利用 WebGL 显着加快渲染速度）

这是文档谈到这个枚举的地方。 也许如果有办法找到这些枚举值中包含的值，我可以直接使用这些值而不是依赖枚举？

Answer 1

似乎 LINE_CAP 是在 PIXI 的 v5.3.0 中或附近添加的。 您使用的版本 (v5.1.3) 于 2019 年 9 月发布，因此建议更新到较新的版本（希望 5.1 和 5.3 之间没有太多（如果有的话）重大更改）。