如何使用 EaselJS 填充自定义形状/路径

Question

我正在探索 CreateJS。这个问题与 EaselJS 有关。

我已经绘制了 3 条弧线并用颜色填充它们。

虽然，我希望最终结果如下所示：

如果我画一个三角形来填充缺失的空间，如何去除底部弧内的颜色？

如果我将其设置为transparent，它将显示三角形颜色。
在这种情况下，我可以将其设置为白色以看起来像我想要的那样，但在彩色背景上看起来会很糟糕。

我是否缺少 API 中的任何方法，以便在使用多条弧线/线绘制的形状内执行类似于洪水填充的操作？

Answer 1

您应该使用 arcTo 来保持路径连续，而不是绘制三个单独的弧。

类似这样的东西（当然用你的点/控制点替换数字）：

new Graphics().beginStroke(STROKE_COLOR)
    .moveTo(0, 20)
    .arcTo(150, 20, 150, 70, 50)
    .arcTo(150, 20, 150, 70, 50)
    .arcTo(150, 20, 150, 70, 50)
    .endStroke();