添加sigma.js導航按鈕

Question

我是javascript和sigma.js的新手，我試圖讓導航按鈕在畫布上向上/向下/向左/向右滾動，非常類似於發現的內容here

到目前爲止，我有我試圖讓工作的jsfiddle一個簡單的例子：http://jsfiddle.net/dpmartin42/kSkkG/16/

我使用的代碼，我在GitHub上找到下面這行，我試圖建立過它：

$('[data-action="up"]').bind('click', function(e) { 

    // With "inst" our sigma instance: 
    var newPos = inst.position(); 

    newPos.stageY += 80; 
    inst.goTo(newPos.stageX, newPos.stageY); 

    e.stopPropagation(); 
    return false; 
}); 

我一直在搞它一段時間，我不能eem讓它工作。問題是，我真的不知道發生了什麼問題。任何幫助表示讚賞！

Answer 1

找出來了，代碼需要用新的sigma版本稍微修改。

您將一個新變量定義爲sigma實例的相機s，然後根據需要使用goTo函數來移動圖形（或縮放）。有關更多信息，請參見sigma.js網站上的this github問題

var c = s.camera; 

// move right example 

$(document).ready(function(){ 
    $(".move-right").bind("click",function(){ 
     c.goTo({ 
     x:c.x - 50, y:c.y 
     });  
    }); 
}); 

// zoom in example 

$(document).ready(function(){ 
    $(".zoom-in").bind("click",function(){ 
     c.goTo({ 
      ratio: c.ratio/c.settings('zoomingRatio') 
     }); 
    }); 
});