在另一幅圖像上拖動圖像並將其保存爲一幅圖像（如光線增強現實）

我很想知道如何才能實現這一點？我想在背景中有更大的圖像，並且能夠將較小的圖像拖放到我想要的較大圖像上的位置並最終保存，因此它變成了一個。在另一幅圖像上拖動圖像並將其保存爲一幅圖像（如光線增強現實）

使用javascript這可能嗎& html5？

欣賞任何想法！

感謝

2013-05-20 Marc Ster

對於阻力的下降部分你可以在其他的頂部位置一個形象，給它一些的α值，使其半透明：

#dragme { 
    opacity:0.4; 
}

的拖拽拖放你可以使用jQuery UI的事：

$("#dragme").draggable();

嘗試一下在：

如果你想真正合並兩個圖像來創建一個新的一項的使用圖像處理庫，像pixatastic http://www.pixastic.com/lib/docs/actions/blend/

2013-05-20 06:49:54 bjelli

感謝您的快速回復。我會嘗試，聽起來不錯！，對不起，不能給你+1，因爲我在15以下的聲譽 –

我怎樣才能把它與pixastic合併？無法找到正確的功能：D –

鏈接轉到「混合」 - 是不是你想要做的？ – bjelli

是的，當你有你的圖像的位置：

的數據的URL可以被設置作爲背景圖片上的src，或者您可以直接將其上傳到服務器等。將其設置爲圖像可讓您右鍵單擊該圖像並使用另存爲。

如果您最初使用畫布作爲「背景」圖像（覆蓋窗口） - 您只需在背景中用想要的圖像初始化它，然後從上面的第三點繼續。

2013-05-20 06:53:10 K3N

我猜pixastic是使用畫布來做這件事嗎？謝謝你的回覆！仍然只有11個聲望，所以不能給你+1 :( –

@MarcSter我不熟悉pixastic，但這是直接在HTML5中使用JavaScript直接做的唯一「低級」方法，所以我可以這樣猜測，另一種選擇是將所有內容發送到服務器並在那裏處理（或使用基於Flash的應用程序）。 – K3N

我理解說明，但不知道如何將它與正確的代碼混合在一起：/可以你會發布上層指令的小提琴嗎？那真是太棒了！我是一個初學javascript的人，尤其是在畫布上..現在感覺有點迷路了 –

回答