如何使用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();