jsp中的编程连接

Question

如何在jsplumb中重新创建/重画具有两个不同映像endpoint的连接？

例如：

  instance.connect({source:"source", target:"target", anchors:["Bottom", "Top"], 
endpoint:[ "Image" , {url:"nameofpicture.jpg"} ], connector: "Flowchart"});

这适用于一个图像（源元素和目标元素上的图像相同）

instance.connect({source:"source", target:"target", anchors:["Bottom", "Top"], 
endpoints:["Dot","Rectangle"], connector: "Flowchart"});

这可以工作并连接具有不同endpoint（不属于相同范围）的两个元素

instance.connect({source:"source", target:"target", anchors:["Bottom", "Top"],
 endpoints:["Image",{url:"nameofpicture1.jpg"},"Image", {url:"nameofpicture2.jpg"}], connector: "Flowchart"});

所以得出的结论是，像这样的东西会起作用，但它不会。。

是否有办法访问源和目标的图像终结点（参数）url？也许是这样的：connectionname.endpoints[0]。endpoint.type（'url'）？？

Answer 1

像这样试试：

endpoints: [ ['Image', {src:'nameofpicture1.png'}], ['Image', {src:'nameofpicture2.png'}] ]