javascript - 添加 sigma.js 导航按钮

Question

我是 javascript 和 sigma.js 的新手，我正在尝试让导航按钮在 Canvas 中向上/向下/向左/向右滚动，就像找到的一样 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;
});

我已经弄乱它​​一段时间了，但我似乎无法让它工作。问题是，我真的不知道出了什么问题。感谢您的帮助!

Answer 1

弄明白了，代码需要根据新的 sigma 版本稍微修改一下。

您将一个新变量定义为 sigma 实例的相机，然后我使用 goTo 函数根据需要移动图形(或缩放)。参见 this sigma.js 网站上的 github issue 以获取更多信息

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