使用cytoscape生成贝塞尔曲线-应该使用哪些参数?

时间:2018-07-11 19:51:26

标签: bezier cytoscape.js

我真的对cytoscape的参数以及它们如何与贝塞尔曲线生成对齐感到困惑。

我有几列等距的点。我想在各点之间绘制如下所示的曲线:

http://cubic-bezier.com/#.5,.01,.48,.99

到目前为止,我已经尝试了各种不同的论点,但没有一个使我非常接近。我将不胜感激任何建议。

1 个答案:

答案 0 :(得分:0)

首先,如果要使用不会自动捆绑的贝塞尔曲线,则需要使用unbundled-beziers

相对于源节点和目标节点指定边缘的控制点。因此,您可以认为控制点位于尺寸为(w,d)的坐标系中。当源和目标移动时,这将保持边缘的相对形状。

w维度是从源节点位置(w = 0)到目标节点位置(w = 1)的进度。

d维是从w = 0到w = 1直线形成的线段的垂直距离。

docs

这是w:控制点权重:一系列值,它们沿着从源到目标的直线对控制点进行加权,例如0.25 0.5 0.75。值通常在[0,1]范围内,其中0指向源节点,1指向目标节点-但也可以使用更大或更小的值。

这是d:控制点距离:一系列值,它们为每个控制点指定垂直于从源到目标的直线的距离,例如-20 20 -20。

因此,您只需指定[w1,w2,w3,...,wn]和[d1,d2,d3,...,dn],并用(wi,di)指定特定的控制点即可。