如何使用 EaselJS 填充自定义 shape/path

Question

我正在探索 CreateJS。这个问题是关于EaselJS的。

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

不过，我希望最终结果是这样的：

如果我画一个三角形来填充缺失的space，我怎样才能去掉底部圆弧内的颜色？

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

API 中是否有我遗漏的任何方法，以便在使用多个 arcs/lines 绘制的形状内执行类似于洪水填充的操作？

Answer 1

与其绘制三个单独的圆弧，不如使用 arcTo 来保持路径连续。

类似这样的事情（当然用你的 points/control 分代替数字）：

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();

如何使用 EaselJS 填充自定义 shape/path

How to fill custom shape/path using EaselJS

javascript

easeljs

createjs