添加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') 
     }); 
    }); 
});