jsplumb 中的程序化连接

Question

如何在 jsplumb 中重新创建/重绘具有两个不同图像端点的连接？

例如：

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

这可以工作并连接具有不同端点（不在同一范围内）的两个元素

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'}] ]