帶有圓角的EaselJS三角形？

Question

如何在EaselJS中創建帶有圓角的三角形？ 我正在使用drawPolyStar創建三角形，

var polystar = new createjs.Shape();
polystar.graphics.drawPolyStar(100, 100, 60, 3, 0, -90);

這是我希望三角形看起來像的圖像：

編輯：圖像鏈接似乎不起作用。 這是三角形的樣子：

但是實際的三角形有尖角。

Answer 1

沒有工作於roundRect API的用於圓角多邊形的canvas API。

我可以想到幾種方法：

1. 使用arcTo自己制作圓角。 這需要一些數學運算才能弄清楚，甚至可能還有一些庫或示例隨處可見。

[編輯]我花了一些時間制作示例https://jsfiddle.net/lannymcnie/cga60tsf/1/

2. 使用圓形的筆觸邊緣，您可以對其進行偽造。 該小提琴顯示了帶有圓形末端的粗線如何使外邊緣看起來是圓形的。 您可以在頂部繪制另一個較小的三角形，以獲得所需的效果。

樣品

// Line outer radius
context.lineJoin = "round";
context.lineWidth = cornerRadius;