如何更改 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 之間沒有太多（如果有的話）重大更改）。