我正在使用jsPlumb。我想为每个连接及其端点分配不同的颜色。
http://jsfiddle.net/RN3QE/
(问题:蓝色连接也应该有蓝色端点)
也就是说,我的连接调用看起来像是这样(现在一切都应该设置为blue
):
jsPlumb.connect({
source:"task1",
target:"task3",
endpointStyle: { fillStyle:"blue", outlineColor:"red", outlineWidth:2 },
paintStyle: { strokeStyle:"blue", lineWidth:4 }
});
task1
和task3
是使用jquery创建的div:
var newState = $('<div>').attr('id', id).addClass('task')
并被定义为连接的可能来源/目标:
// Makes the task div a possible target (i.e. connection can be dragged to)
jsPlumb.makeTarget(newState, {
anchor: 'Continuous'
});
// Makes the task div a possible source (i.e. connection can be dragged from)
jsPlumb.makeSource(newState, {
anchor: 'Continuous'
});
endpointStyle:
中.connect()
的语法来自here
为什么paintStyle:
在blue
调用中正常工作(为连接.connect()
着色),但endpointStype:
没有(端点不是{{} 1}})?