要在 Fabric.js 中实现流程图关联线功能，您需要创建图形元素并获取它们的连接点，然后根据连接点绘制关联线。以下是一个基本的实现示例：

// 创建 Fabric.js 画布
var canvas = new fabric.Canvas('canvas');
// 创建图形元素
var rect1 = new fabric.Rect({
  left: 50,
  top: 50,
  width: 100,
  height: 50,
  fill: 'green',
  originX: 'center',
  originY: 'center',
});
var rect2 = new fabric.Rect({
  left: 200,
  top: 150,
  width: 100,
  height: 50,
  fill: 'blue',
  originX: 'center',
  originY: 'center',
});
// 添加图形元素到画布
canvas.add(rect1, rect2);
// 绘制关联线的函数
function drawConnectionLine(startObj, endObj) {
  var startPoint = startObj.getCenterPoint();
  var endPoint = endObj.getCenterPoint();
  // 创建关联线
  var line = new fabric.Line([startPoint.x, startPoint.y, endPoint.x, endPoint.y], {
    stroke: 'red',
    strokeWidth: 2,
    selectable: false
  });
  // 添加关联线到画布
  canvas.add(line);
}
// 设置开始元素和结束元素的关联线
drawConnectionLine(rect1, rect2);

在上述示例中，我们首先创建了两个矩形元素 rect1 和 rect2，并将它们添加到了 Fabric.js 画布上。然后，我们定义了 drawConnectionLine 函数，该函数接受开始元素和结束元素作为参数，并使用 getCenterPoint 方法来获取元素的中心点坐标。然后，我们使用这些坐标绘制一条连接线，并将其添加到画布上。

请注意，这只是一个基本的演示示例，您可以根据自己的需要进行进一步的扩展和定制。例如，您可以添加更多的元素，创建多个连接线，为连接线添加箭头等。

总结来说，通过获取元素的连接点坐标并使用线条对象，您可以在 Fabric.js 中实现流程图的关联线功能。