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

Jsplumber - Assign two different anchor images in endpoints, one for source one for target

本文关键字：用于 一个 图像 目标 两个 端点 分配 Jsplumber      更新时间：2023-09-26

我想在一个连接中分配两个不同的锚图像。一个图像用于源端点，另一个用于目标端点，同时使用'continuous'选项。
像这样:

            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}]
            ]
        });

有可能吗?
由于

是的，你可以有完全不同的外观&感受每一个锚。

Docs - http://jsplumbtoolkit.com/doc/endpoints.html

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

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

相关文章：