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