從div中拖出圖像並放置在畫布中

Question

我需要查詢或示例如何從div拖放圖像並將其放入畫布。 我正在使用Jquery和KineticJs取得一些成功。

我的目標是拖動圖像並能http://polyvore.com/cgi/app

感謝執行類似帆布的各種functionaly。

Answer 1

我不認爲JQuery和KineticJS是可以互換的，你可以輕鬆地做這樣的事情。本質上，你需要一個函數來存儲關於JQuery圖像的數據，這個函數檢測畫布何時被輸入（鼠標懸停）並開始跟蹤移動，最後是一個從JQuery圖像div中複製信息並將其「轉換」爲KineticJS會承認的。

function convert(imageDiv){ 
    var config = $('#divId').getInfo(); //another function you'd need to create to grab configuration of stored image. 
    var kineticImage = new Kinetic.Image(config); 
}