JcanvaScript 드래그 가능한 것을 어떻게 멈출 수 있습니까?

Question

어떻게 드래그 가능한 JcanvaScript 라이브러리를 중지할까요?

예를 들어, 끌어서 놓기가 캔버스 요소를 넘는 경우 그림을 그릴 수 있으며 그림을 넘길 수 없습니다.

jc('#img1').draggable({ 

drag: function(){ 
    point=jc('#img1').position(); 

    if(point.x<0){ 
    //here stop draggable image 

    //these options don't work 
    //this.draggable('pause'); 
    //return;    
    //jc.pause(); 

    } 

    } 
}); 

Answer 1

와우! 이것은 실제로 실제로 끔찍한 문제였습니다. 정말 끔찍한 것은 JCanvasScript가 onRelaseOutside 이벤트를 발생시키지 않는다는 것입니다.

내가 여기에 솔루션 게시 한 : http://jsfiddle.net/qpuGw/

당신은 왼쪽에서 100 픽셀 것을 가까이 원을 드래그 할 수 없을 것이다.

요지는 다음

경계 박스의 외부 개체가 이동하면

1. : (a) 투명으로하고 (b) 그것이 설정된 복제 설정.
2. 개체가 테두리 상자 내부로 다시 이동하는 경우 : (a) 복제본을 삭제하고 (b) 개체를 다시 표시하도록 설정합니다.
3. 사용자가 개체를 해제하는 경우 : 위의 (2)와 동일하게 수행합니다.

행운을 빌어 요!