Javascript 将背景图像添加到jsPlumb中的连接器

我想知道是否可以将背景图像添加到连接器

我的目标是创造这样的东西：

---

这样，我可以在背景中有一个动画图像，象征连接的方向和类型。

AFAIK这是不可能的，因为连接是由SVG对象组成的，而SVG对象本身充当背景图像。您可以尝试

dashstyle

选项，同时调整绘制样式和渐变以获得适当的箭头，如图所示。有关更多信息，请参阅：

示例代码：

jsPlumb.Defaults.PaintStyle = {
    lineWidth: 4,
    strokeStyle: 'rgba(123, 123, 123, 1)',
    gradient:{
              stops:[[0,"green"], [1,"red"]]
        },
    dashstyle: "7"
};

结果:

注意：记住使用

jsPlumb.setRenderMode（jsPlumb.SVG）

，因为dashstyle不适用于jsPlumb.CANVAS（默认情况下为SVG）