php - 从 Div 中拖动图像并放置在 Canvas 中

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