すべて、パスで構成された形状(この親と呼びます)があり、ユーザーはその上でさまざまなオブジェクトをドラッグアンドドロップできます。
クリップパスを使用してオブジェクトを非表示にしています。つまり、オブジェクトが親シェイプの境界を超えると、非表示になります。
親シェイプ内で、ユーザーはobjをドラッグアンドドロップできます。これらのオブジェクトを埋めます。画像付き。画像がobjよりも大きい場合。次に、objの外側の画像の一部。境界も隠されています(Raphaelのclip-rect)。
残念ながら、Raphaelは複数のクリップパスを好まないようで、競合が発生します。つまり、objです。内部の画像を使用して、そのクリップパス機能を親シェイプのクリップパスで上書きします。画像はobjの境界の外側に表示されます。
編集:これが私たちがやりたいことのイラストです。これがイラストでさらに説明されることを願っています。