Question

我想在一个连接中分配两个不同的锚图像。源端点的一个图像和目标端点的另一个图像，同时使用“连续”选项这样的事情：

            connection1 = instance.connect({
            source:divSource,
            target:divTarget,
            connector:[ "Flowchart", { cornerRadius:5 } ],
            paintStyle:{ lineWidth:1, strokeStyle:"#C9302C", joinstyle:"round"},
            anchors: ['Continuous', ['Left', 'Right','Top', 'Bottom']],
            endpointsSOURCE: [
                ['Image', {url:urlLeft}],
                ['Image', {url:urlRight}],
                ['Image', {url:urlTop}],
                ['Image', {url:urlBottom}]
            ],
            endpointsTARGET: [
                ['Image', {url:urlLeft2}],
                ['Image', {url:urlRight2}],
                ['Image', {url:urlTop2}],
                ['Image', {url:urlBottom2}]
            ]
        });

有可能吗？
感谢

Answer 1

是的，你可以拥有完全不同的外观和感觉每一个锚。

文档 - http://jsplumbtoolkit.com/doc/endpoints.html

示例 - http://jsplumbtoolkit.com/demo/flowchart/dom.html

来源 - http://jsplumbtoolkit.com/demo/flowchart/demo.js

Jsplumber - 在端点中分配两个不同的锚图像，一个用于目标的源图像

1 个答案: