添加 sigma.js 导航按钮答案

【问题标题】：Adding sigma.js navigation buttons添加 sigma.js 导航按钮
【发布时间】：2014-08-29 20:57:45
【问题描述】：

我是 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;
});

我已经搞砸了一段时间，但我似乎无法让它工作。问题是，我真的不知道出了什么问题。任何帮助表示赞赏！

【问题讨论】：

标签： javascript sigma.js

【解决方案1】：

想通了，代码需要在新的 sigma 版本中稍作修改。

您将一个新变量定义为 sigma 实例的相机 s，然后我使用 goTo 函数根据需要移动（或缩放）图形。有关更多信息，请参阅 sigma.js 网站上的 thisgithub 问题

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

【讨论】：