5

単純なことをするためだけにjsplumbsに苦労しています。divを1本の直線で接続しているだけですが、ウィンドウのサイズを変更するときに線を再描画するにはどうすればよいですか？したがって、それは常にdivの中心に従います。z-indexを使用して行をdivの下に配置できますか？1つのdivを他の複数のdivに接続する必要がある場合、1つのdivから複数の線を描画するための最良のアプローチは何ですか？

これがこれまでの私のコードです：

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

ご協力いただきありがとうございます

4

2 に答える 2

22

はい、どうぞ：

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

これをコードに追加します。このrepaintEverything（）関数に出くわし、あなたの投稿を思い出させます。

http://jsbin.com/esuvuw/9/editして、これが機能していることを示します。

于 2013-04-09T12:03:56.197 に答える
0

私もそのようにあなたのコードを変更しました：

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をドラッグしてからウィンドウのサイズを変更すると、すべて問題ありません。

于 2013-03-25T13:39:46.770 に答える