jQuery插件合併兩個圖像並保存結果？

-2

我工作的東西，需要以下條件：jQuery插件合併兩個圖像並保存結果？

有與特定的頁眉和頁腳，這是作爲一種模板的圖像/背景
用戶需要能夠上傳圖片，裁剪，並將其拖動到模板上，最好也放置它
新的圖像會保存

做任何你碰巧知道一個插件或兩個可能實現這樣的功能？我有一些與jCrop合作的東西，但是我自己完成了圖像合併，並不是很好。我寧願更強大的東西，所以獨立的插件將是最好的。

感謝

來源

2012-08-14 Dave McGinn

JavaScript不能寫圖像。任何解決方案都將不得不調用一個後端服務，該後端服務接受組件並在服務器端進行組合。 – 2012-08-14 15:02:43

抱歉應該更清楚。我知道，我現在使用的解決方案使用PHP的GD庫。 – 2012-08-14 16:08:27

可以實現使用HTML5畫布類似的東西，但在每一個瀏覽器的不優雅，顯然不會工作。

的想法是簡單地畫出這些圖像到畫布然後一個img對象設置到畫布

要畫布繪製保存爲圖像的來源，我們可以設置一個的源圖像對象映射到圖像數據URL。從那裏，用戶可以右擊圖像上的將其保存到本地計算機。或者，您也可以直接打開一個新的瀏覽器窗口，其中包含圖像數據url ，用戶可以從此處將其保存。

// save canvas image as data url (png format by default) 
var dataURL = canvas.toDataURL(); 

// set canvasImg image src to dataURL 
// so it can be saved as an image 
document.getElementById("canvasImg").src = dataURL;

查看完整教程here

來源

2012-08-14 15:11:07 Chris

jQuery插件合併兩個圖像並保存結果？

回答

相關問題