从 div 拖动图像并放置在画布中

Question

我需要一个关于如何从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);
 }