スナップSVGのドラッグ＆スケーリング：私の四角形はスケーリングを停止しませんか？

Question

私はSnap.svgが新しく、マウスを使って移動したりサイズを変更できる四角形を作っています。私はSnap.svg element.drag（）を使用しました。このチュートリアルをスケーリングに使用しました。 http://svg.dabbles.info/snaptut-dragscale

&をクリックすると、ドラッグすることができます。縮尺を変更するには、rectをダブルクリックしてからドラッグします。私の問題は、大きさを決めるまでは動きがうまくいくことです。私がすると、スケーリングモードから抜け出ることはありません。私はそれをもう一度動かすことはできません。私はコードを手抜きしようとしましたが、それは正しくできませんでした。別のダブルクリックの後でスケーリングを停止するにはどうすればよいですか？読んでくれてありがとう！

これは私のjavascriptのコードです：

     createRect(); 
         function createRect(){ 
         var r = Snap('#svg'); 
         var newRect = r.rect(100,100,80,60); 
         newRect.attr({        
          fill:'#afe5ff', 
          stroke:'#000', 
          strokeWidth: 2 
         }); 


         newRect.dblclick(addHandleFunc); 

         var dragging = 0; 
         var handleGroup; 

         function addHandleFunc() { 
          if(dragging === 0) { 
           dragging = 1; 
           var bb = this.getBBox();          
           this.drag(move,start,stop); 


          } else { 

           dragging = 0;          
           r.append(this);  

           }    


         } 

         function start() { 
         this.data('origTransform', this.transform().local); 
         } 

         function move(dx,dy) { 
          var scale = 1 + dx/50; 
          this.attr({ 
          transform: this.data('origTransform') + (this.data('origTransform') ? "S" : "s") + scale         
          }); 

         } 

         function stop() {} 

         newRect.drag(); 

         } 

そしてexample

Answer 1

あなたは第二のダブルクリックを行うと、あなたがドラッグ機能をリセットすることにより、スケーリングモードを「オフ」する必要がありますデフォルトのもの。これを行うには、パラメータなしでdrag()に再度電話するだけです。