グリッドファブリックへのスナップをオフにする方法

Question

をfabric jsにオンとオフを有効にするチェックボックスがあります。今、私はOKにそれを回すことができますが、どのように私は非常に大きなJSFiddleであること、それをオフJSFiddle

$('#on-off-switch').change(function() { 
    var $check = $(this), 
     $div = $check.parent(); 

    if ($check.prop('checked')) { 
     // Turn On Snap2Grid 
     canvas.on('object:moving', function(options) { 
      options.target.set({ 
       left: Math.round(options.target.left/grid) * grid, 
       top: Math.round(options.target.top/grid) * grid 
      }); 
     }); 
     $("#on-off-label").text("On"); 
    } else { 
     // Turn Off Snap2Grid 
     $("#on-off-label").text("Off"); 
    } 
}); 

Answer 1

オンにし、私はあなたのコード内の他の問題があるかもしれないと思います。

あり異なる動作1を持っているいくつかの方法は、イベント関数自体にいくつかのグローバルproperyをチェックすることです：

canvas.on('object:moving', function(event) { 
    if(window.snapTo) { 
     event.target.set({ 
      left: Math.round(options.target.left/grid) * grid, 
      top: Math.round(options.target.top/grid) * grid 
     }); 
    } else { 
    // do nothing 
    } 
}) 

別の方法は、単にイベントを削除することです。

あなたはこのようにすべてのイベントを削除することができます。

canvas.off(); 

またはタイプのすべてのイベント：

canvas.off('object:moving'); 

それとも、関数への参照を持っている場合は1つだけバインドされたイベントハンドラを：

を

canvas.off('object:moving', eventHandlerFunction);