правая щелкающая ткань js

Question

Я хочу, чтобы иметь возможность заменять сковоротную кнопку onclick правой кнопкой мыши.

Мой текущий код использует

$('#goRight').click(function(){ 
     var units = 50 ; 
     var delta = new fabric.Point(units,0) ; 
     canvas.relativePan(delta) ; 
    }) ; 

    $('#goLeft').click(function(){ 
     var units = 50 ; 
     var delta = new fabric.Point(-units,0) ; 
     canvas.relativePan(delta) ; 
    }) ; 
    $('#goUp').click(function(){ 
     var units = 50 ; 
     var delta = new fabric.Point(0,-units) ; 
     canvas.relativePan(delta) ; 
    }) ; 

    $('#goDown').click(function(){ 
     var units = 50 ; 
     var delta = new fabric.Point(0,units) ; 
     canvas.relativePan(delta) ; 
    }) ; 

Я хочу использовать этот код

function startPan(event) { 
    if (event.button != 2) { 
    return; 
    } 
    var x0 = event.screenX, 
     y0 = event.screenY; 
    function continuePan(event) { 
    var x = event.screenX, 
     y = event.screenY; 
    fc.relativePan({ x: x - x0, y: y - y0 }); 
    x0 = x; 
    y0 = y; 
    } 
    function stopPan(event) { 
    $(window).off('mousemove', continuePan); 
    $(window).off('mouseup', stopPan); 
    }; 
    $(window).mousemove(continuePan); 
    $(window).mouseup(stopPan); 
    $(window).contextmenu(cancelMenu); 
}; 
function cancelMenu() { 
    $(window).off('contextmenu', cancelMenu); 
    return false; 
} 
$(canvasWrapper).mousedown(startPan); 

, но я не знаю, как реализовать его на холсте. Поскольку я новичок в fabricJS, это может быть простая задача, но я не могу ее обработать.

Мой fiddle или если вы посмотрите на версию 4, вы увидите, что я положил ее, но не работает. Пожалуйста, сообщите мне, что я делаю неправильно. Это то, что я пытаюсь добиться desired result

Answer 1

У вас есть ошибка здесь:

fc.relativePan({ x: x - x0, y: y - y0 }); 

должно быть

canvas.relativePan({ x: x - x0, y: y - y0 }); 

И после того, что он делает то, что он должен http://jsfiddle.net/n3pryn3x/