如何设置不同的颜色源和目标endpoint与jSplumb
我是新来的。我需要你的帮助来完成这个样本。
如何设置不同的颜色源和目标endpoint与jplumb？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript" src="../js/jquery.jsPlumb-1.3.16-all-min.js"></script>
<script type="text/javascript">
jsPlumb.bind("ready", function () {
var source= jsPlumb.addEndpoint("source", {
overlays: [["Label", { label: "SOURCE", id: "labelsource"}]],
paintStyle: { fillStyle: 'red' },
//endpointStyle: { fillStyle: '#808000' },
endpoint: ["Dot", { radius: 15}]
});
var secure = jsPlumb.addEndpoint("target", {
overlays: [["Label", { label: "TARGET", id: "labeltarget"}]],
paintStyle: { fillStyle: 'green' },
endpoint: ["Dot", { radius: 15}]
});
jsPlumb.connect({
source: 'source', target: 'target', paintStyle: { lineWidth: 10, strokeStyle: '#66CCFF' },
sourceEndpointStyle: { fillStyle: '#808000' },
targetEndpointStyle: { fillStyle: '#800000' },
endpoint: ["Dot", { radius: 15}], anchor: "BottomCenter",
//connector: [ "Bezier", 0 ],
connector: "Straight",
detachable: false,
overlays: [
["Label", {
fillStyle: "rgba(100,100,100,80)",
color: "white",
font: "12px sans-serif",
//label:"Static label",
borderStyle: "black",
borderWidth: 2
}],
["Arrow", { location: 0.5}]
]
})
});
</script>
</head>
<body>
<div id="source" style="position: absolute; left: 100px; top: 250px;">
</div>
<div id="target" style="position: absolute; left: 600px; top: 250px;">
</div>
</body>
</html>
上面的代码没有对源和目标节点应用正确的颜色。
共有1个答案
创建连接时，可以使用以下方法设置连接颜色
jsPlumb.bind("jsPlumbConnection", function (conn) {
var source = conn.source;
var target = conn.target;
conn.connection.setPaintStyle({
strokeStyle: getConnectionColor(source, target),
lineWidth: 3
});
});
实现getConnectionColor（source，target）方法，根据源和目标获取颜色
-
我正在使用ColorAdjust对图像应用不同的颜色。问题是颜色不是我想要的。如果我使用绿色作为目标色，我得到一个粉红色的球。 问题 如何计算ColorAdjust的色调值以匹配给定的目标颜色？或者有没有更好的方法来给图像着色？我不能使用形状本身，因为使用ImageView比使用形状快得多。 解决方案 使用RGB滑块和José的解决方案的扩展版本，适用于那些想玩弄它的人： 或解决方案的简短版本：
-
以下是我的用例： 我希望能够在JSPlumb连接中分别为源和目标设置连续锚定面。 来源：右边的连续锚 对于目标：在“左侧”连续定位 我试过分别设置连续锚，但似乎不起作用。 这个留档不够清楚。 我已经尝试过了： 但是，如何为标记集和源指定不同的锚定面？ 感谢您的帮助！
-
我正在使用mpandroid图表库创建饼图。 我想格式化饼图上的文本标签，但我不知道如何做到这一点 但是，它只改变数据的值，而不是标签。此外，我想成为饼图中的标签。我还尝试使用以下代码， 但是，它不起作用。 我的代码如下： 简而言之，我想做的就是 更改饼图中的标签颜色（从白色变为黑色） 防止标签超出饼图。（如图中所示的剩余划痕） 有人能帮我吗？ 我还尝试了以下链接中提到的这些解决方案。 链接1链接
-
问题内容： 我尝试更改按钮文本的颜色，但仍然保持白色。 我还尝试过将其更改为红色，黑色，蓝色，但是没有任何反应。 问题答案： 您必须使用与设置实际标题文本相同的方式。文件
-
我如何从FontAwesome的图标中设计图标的颜色、大小和阴影？ 例如，FontAw的网站将显示一些白色图标和一些红色图标，但不会显示CSS以了解如何以这种方式设置它们的样式……
-
问题内容： 我有一个我想将背景颜色更改为白色的。使用“金属外观”时，我可以通过以下方式实现所需的效果setBackground： 具有白色背景的金属外观风格的JButton 不幸的是，使用Windows LAF时，“背景色”的概念有所不同。背景颜色是按钮周围绘制的颜色： Windows外观风格的JButton，带有白色背景 我想使用Windows LAF，但允许将此按钮的颜色JButton更改为白