首先,画布中有两个节点,并且已经应用了某些端点样式。如果在它们之间拖动连接,则所有样式都可以保留。没关系。但是,当使用jsPlumb连接方法时,它将导入默认的端点样式,而不是给定的样式。如何避免这种情况?
2)使用jsplumb.connect(),而该方法使用默认端点样式。
一些JavaScript代码在这里:
var connectorPaintStyle = {
strokeWidth: 2,
stroke: "#61B7CF",
joinstyle: "round",
outlineStroke: "white",
outlineWidth: 2
};
var conn = jsptoolkit.jspinstance.connect({
source: line.sdata.sourceId,
target: line.sdata.targetId,
anchors: line.sdata.anchors,
paintStyle: connectorPaintStyle,
connector: ["Flowchart", { stub: [2, 2], gap: 1, cornerRadius: 5, alwaysRespectStubs: true }],
});
正确的方法是使用uuids数组,而不是源和目标。我已经修改了连接方法代码:
var conn = jsptoolkit.jspinstance.connect({
uuids: [line.sdata.sourceId + "RightMiddle", line.sdata.targetId + "LeftMiddle"],
anchors: line.sdata.anchors,
});
有一个类似的问题:Jsplumb使用端点以编程方式添加连接
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句