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

我一直在搞乱它，我似乎无法让它发挥作用。问题是，我真的不知道出了什么问题。任何帮助表示赞赏！

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

添加sigma.js导航按钮

1 个答案: