jsplumb中连线直线曲线

在jsPlumb中，可以通过设置`connector`属性来设置连接线的形状。默认情况下，连接线是直线，但是你可以将其设置为曲线。具体来说，你可以使用`Bezier`连接器来创建曲线连接器。以下是一个例子，展示如何在jsPlumb中创建直线和曲线连接器：

// 创建一个jsPlumb实例
jsPlumb.ready(function() {
  var instance = jsPlumb.getInstance();

  // 创建两个div元素
  var div1 = document.createElement('div');
  div1.id = 'div1';
  div1.style.width = '100px';  div1.style.height = '100px';
  div1.style.backgroundColor = 'red';
  document.body.appendChild(div1);

  var div2 = document.createElement('div');
  div2.id = 'div2';
  div2.style.width = '100px';
  div2.style.height = '100px';
  div2.style.backgroundColor = 'blue';
  document.body.appendChild(div2);

  // 连接两个div元素
  instance.connect({
    source: div1,
    target: div2,
    connector: 'Bezier',
    anchors: ['Right', 'Left'],
    endpoint: 'Blank',
    paintStyle: { strokeWidth: 2, stroke: 'gray' }
  });
});

在上面的例子中，我们创建了两个`div`元素，并使用`Bezier`连接器将它们连接起来。我们还设置了连接器的锚点为`Right`和`Left`，这意味着连接器的起点将位于`div1`元素的右侧，终点将位于`div2`元素的左侧。我们还设置了连接器的`paintStyle`属性，以便将连接器的颜色设置为灰色，线宽设置为2。