1

KineticJS を使用していると、問題が発生してブロックされます。

三角形、円、および特定の形状の 3 つの形状を描きたいと考えています。

だから問題はありませんが、オーバーレイが下の画像のように3つの形状になるようにしたいです。

デモ

  • 青い円は特定の黒い形に固定されています

  • 青い円を覆う三角形の部分には特定の色 (例では灰色) が必要であり、青い円に接していない部分には別の色 (例ではピンク) が必要です。

ご協力いただきありがとうございます

4

1 に答える 1

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/

于 2013-11-04T13:28:27.427 に答える