添加sigma.js导航按钮

Question

我对javascript和sigma.js很陌生，我正在尝试获得导航按钮，以便在画布中向上/向下/左/右滚动，就像找到这里一样

到目前为止，我有一个简单的例子，我正在尝试在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;
});

我已经弄了好一阵子了，我似乎不能让它起作用。问题是，我不知道到底出了什么问题。任何帮助都是非常感谢的！

Answer 1

知道了，代码需要在新的sigma版本中稍微修改一下。

定义一个新变量作为sigma实例的摄像机，然后我使用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')
      });
  });
});