EaselJS带圆角的三角形？

Question

如何在EaselJS中创建带圆角的三角形？我正在使用drawPolyStar来创建三角形，

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

这是我希望三角形看起来像的图像：

编辑：图片链接似乎不起作用。这就是三角形的样子：

但实际的三角形有尖角。

Answer 1

没有用于舍入多边形角的画布API，其工作方式类似于roundRect API。

我可以想到几种方法：

1. 使用arcTo自己做圆角。这需要一些数学计算，甚至可能有一些库或示例浮动。

[编辑]我花了一点时间制作样本https://jsfiddle.net/lannymcnie/cga60tsf/1/

1. 使用圆形笔触边缘，您可以对其进行伪造。 This fiddle显示了具有圆形末端的粗线如何使外边缘看起来圆。您可以在顶部绘制另一个较小的三角形以获得所需的效果。

样品

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