Javascript 添加sigma.js导航按钮

Javascript 添加sigma.js导航按钮,javascript,sigma.js,Javascript,Sigma.js,我不熟悉javascript和sigma.js,我正在尝试让导航按钮在画布中向上/向下/向左/向右滚动,就像找到的一样 到目前为止,我有一个简单的示例,我正在尝试使用JSFIDLE: 我正在使用在GitHub上找到的以下代码行,并试图以此为基础进行构建: $('[data-action="up"]').bind('click', function(e) { // With "inst" our sigma instance: var newPos = inst.position

我不熟悉javascript和sigma.js,我正在尝试让导航按钮在画布中向上/向下/向左/向右滚动,就像找到的一样

到目前为止,我有一个简单的示例,我正在尝试使用JSFIDLE:

我正在使用在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;
});

我把它弄得一团糟有一段时间了,我似乎无法让它工作。问题是,我真的不知道出了什么问题。感谢您的帮助

明白了,新的sigma版本需要稍微修改代码

您将一个新变量定义为sigma实例s的摄影机,然后我使用goTo函数根据需要移动图形(或缩放)。更多信息,请参见sigma.js网站上的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')
      });
  });
});