使用面具與KineticJS帆布

Question

在我使用KineticJS我阻止有問題。

我想繪製三種形狀：三角形，圓形和特定形狀。

所以沒有問題，但我希望覆蓋層使我的三個形狀如下圖所示。

• 藍色圓圈錨定在特定黑色形狀

• 該覆蓋的藍色圓圈必須具有一定的顏色（灰色中的例子）的三角形的部分和部分不接觸藍色圓圈的不同顏色（例如粉紅色）

感謝您的幫助

Answer 1

我會用剪輯做到這一點。

1. draw the cloud in black. 
2. clip with cloud. 
3. draw circle in blue. 
4. draw triangle in pink. 
5. clip with circle. 
6. draw triangle in grey. 
7. and restore context. 

小提琴是在這裏：

http://jsfiddle.net/gamealchemist/T8k7m/