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

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

我已经画了3个弧，并用颜色填充它们

尽管如此，我希望最终结果如下所示：

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

如果我将其设置为透明，它将显示三角形颜色。
我可以将其设置为白色，以使其看起来像我在本例中想要的，但在彩色背景上看起来很糟糕

---

API中是否有我缺少的方法，以便在使用多个圆弧/直线绘制的形状中执行类似于整体填充的操作？

应该使用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();