오브젝트 드래그 중 광선 문제

Question

mouseup 이벤트시에 & 노을이 사라집니다. 문제는 사각형을 드래그하면 캔버스에 빛이 계속 나타납니다!

는 여기에 명확성을 위해 내 코드입니다 : this의 범위가 단지 사용할 수 있기 때문에 모든

window.onload = function(){ 
     var paper = new Raphael("holder",500,500); 

     var myRect = paper.rect(200,200,200,100,10); 
     myRect.attr({ 
      fill: "#999", 
      stroke: "#555", 
      'stroke-width': 5 
     }); 

     myRect.mousedown(function(){ 
       this.g = myRect.glow(); 
      } 
     ); 
     myRect.mouseup(function(){ 
       this.g.remove(); 
     }); 
     var start = function(){ 
      this.ox = this.attr('x'); 
      this.oy = this.attr('y'); 
     }, 
     move = function(dx,dy){ 
      var att = {x:this.ox+dx,y:this.ox+dy}; 
      this.attr(att); 
     }, 
     up = function(){ 
      // 
     }; 
     myRect.drag(move,start,up); 
    } 

Answer 1

첫째, 당신은 익명의 함수 내에서 this를 사용할 수 없습니다. 당신이 myRect.drag (start 및 up) 당신의 내부에 그 우리에게 콜백을 처리하기 때문에

둘째, 당신은 당신이 작업을 볼 수있는

그래서 내가 당신에게 fiddle을 만들어 myRect.mousedown 및 myRect.mouseup 필요하지 않습니다.

P. 위치 지정에 또 다른 버그가있는 것 같습니다. 몇 번 드래그하면 사각형이 커서에서 멀리 이동합니다.

Answer 2

start에서 개체의 광선을 제거하고 up에 다시 적용 할 수 있습니다. 이 방법으로 그림자는 보이지 않을 것입니다. 객체를 드래그하는 동안 그림자가 보이지 않지만 객체를 떨어 뜨릴 때 그림자가 나타납니다.

예를 들어 fiddle입니다.