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