php - Div から画像をドラッグしてキャンバスに配置する

Question

Image を div からドラッグしてキャンバスに配置する方法に関するクエリまたは例が必要でした。私は Jquery を使用しており、KineticJs はある程度成功しています。

私の目的は、画像をドラッグして、 http://polyvore.com/cgi/appのようなキャンバスでさまざまな機能を実行できるようにすることです。

ありがとうございました。

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);
 }