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

Question

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

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

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

Answer 1

AFAIK是不可能的，因为连接由SVG对象组成，SVG对象本身充当背景图像。您可以在调整绘画样式和渐变时尝试dashstyle选项，以获得图像中所示的相应箭头。有关更多信息，请参阅：API DOC

示例代码：

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）