jsplumb 连接两个端点

在jsPlumb中连接两个端点需要使用`connect`方法，该方法接受一个包含连接参数的对象作为参数。以下是一个简单的例子，演示如何连接两个端点：

<!-- HTML代码 -->
<div id="endpoint1" class="endpoint"></div>
<div id="endpoint2" class="endpoint"></div>

// 初始化jsPlumb
jsPlumb.ready(function() {
  // 创建两个端点
  var endpoint1 = jsPlumb.addEndpoint('endpoint1', {
    anchor: 'Right'
  });

  var endpoint2 = jsPlumb.addEndpoint('endpoint2', {
    anchor: 'Left'
  });

  // 连接两个端点
  var connection = jsPlumb.connect({
    source: endpoint1,
    target: endpoint2,
    paintStyle: {
      stroke: 'red',
      strokeWidth: 2
    },
    connector: ['Bezier']
  });
});

在上面的例子中，我们使用了`addEndpoint`方法创建了两个端点，然后使用`connect`方法连接了这两个端点，并且指定了连接的样式和类型。其中，`source`代表连接的起点，`target`代表连接的终点。

需要注意的是，在指定`source`和`target`时，需要传入的是端点对象，而不是端点的id。