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