Question

我正在努力与jsplumbs做一件简单的事情。我只是用一条直线连接div，所以在调整窗口大小时如何重绘线条呢？所以它总是遵循div的中心。我可以使用z-index将行放在div之下吗？如果我必须将一个div连接到其他几个div，那么从一个div中绘制几行的最佳方法是什么？

到目前为止，这是我的代码：

http://jsbin.com/esuvuw/1/edit

感谢您的帮助

Answer 1

你在这里：

  $(window).resize(function(){
      jsPlumb.repaintEverything();
  });

将此添加到您的代码中。我只是遇到了这个repaintEverything（）函数并提醒你的帖子。

http://jsbin.com/esuvuw/9/edit表明这是有效的。

Answer 2

我也以这种方式改变了你的代码：

jsPlumb.bind("ready", function(connection, e) {

jsPlumb.addEndpoint('block-1', ['BottomCenter'], []);
jsPlumb.addEndpoint('block-2', [], ['BottomCenter']);
jsPlumb.draggable('block-1');
jsPlumb.draggable('block-2');
jsPlumb.connect({

   source: "block-1", 
   target: "block-2",
   connector: 'Straight'

});
});

代码并不完美。我现在没时间 - 抱歉。但是现在，当你拖动div，然后改变窗口大小时，一切都还可以。

使用jsPlumbs，在调整窗口大小时重绘线条？

2 个答案: