php - 透明な円に画像をレンダリングしてトリミングします

Question

背景画像があります： 、

その上で私は円（または日食）を融合します：

円に等しい領域が次のように背景画像上で透明になるようにします 。

私はこれを達成するためにphpとimagemagickを使用しました

ここで、次のような方法で画像を穴に挿入する必要があります。

1. 画像は背景の上にレンダリングされるため、写真の穴に等しい画像領域のみが表示されます。
2. 写真の穴に画像をドラッグすると、画像は背景の後ろのレイヤーに移動し、再度離すと、手順1として画像が再レンダリングされます。
3. また、手順1でレンダリングされた画像をトリミングする必要があります。

image magickを使用してphpでこれをどのように達成できますか？ポインタやヘルプは非常に役立ちます。

レイヤーの背景の下に画像を転送するには、z-indexを使用してこれを行うことができますか？

Answer 1

画像を円と同じサイズにトリミングしてから、背景画像のposX、posYなどの位置に配置すると、簡単な解決策として機能します。

Answer 2

上記を達成するために、私はこのアプローチを取りました：

1. 背景画像の後ろにあるdiv（円を正確に囲む）に画像を配置します。divがオーバーフローして非表示になっているので、画像を含めることができます。

2. 画像をドラッグするために、背景画像のマウスダウンイベントを下のdivに転送します。これは、jQueryトリガーを使用して実行できます。

3. 次に、画像をトリミングするために、画像のx、yオフセットを計算し、それに応じて高さと幅をトリミングし、データをサーバーに送信してトリミングします。

これが他の誰かに役立つことを願っています。