渲染上的透明圓圖像和裁剪它

Question

我有一個背景圖像： ，

在其I保險絲的圓（或蝕）：

使得該區域等於圓變透明的背景圖像就像這樣： 。我已經使用PHP和難懂的實現這一

現在

，我要插入圖像插入孔以這樣的方式即：

1. 圖像是背景之上呈現，因此，只有圖像區域等於 可以看到照片孔。
2. 當我拖動照片的孔的圖像，則圖像會在後面的背景層和再次釋放當圖像被重新呈現爲步驟1
3. 我還需要裁剪在步驟描繪的圖像1.

如何在php中使用image magick實現這個功能？任何指針或幫助將非常有用。

要在圖層背景下傳輸圖像，可以使用z-index來完成嗎？

Answer 1

爲了實現上述目標，我把這個appraoch：

1. 我放置一個圖像中的一個div（確切地圍繞圓），這是背景圖像的後面。 div有溢出隱藏，所以我可以包含圖像。

2. 爲了拖動圖像，我將鼠標放在背景圖像上的事件轉移到下面的div。這可以使用jQuery觸發器完成。

3. 現在裁剪圖像，我相應地計算圖像的x，y偏移量和作物高度和寬度，並將數據發送到服務器進行裁剪。

希望這可以幫助別人。

Answer 2

將圖像裁剪成與圓相同的尺寸，然後將它放在位置posX，posY等背景圖像的頂部，可以作爲一個很好的直接解決方案。