如何使用graphviz在2点之间绘制带有控制点的样条曲线？

Posted 2023-03-04

【中文标题】如何使用graphviz在2点之间绘制带有控制点的样条曲线？

【英文标题】：How to draw a spline curve between 2 points with a control points with graphviz?

【发布时间】：2022-01-19 12:36:28

【问题描述】：

我想在蓝点和绿点之间创建一条样条曲线，以红点为控制点。

Graphviz 文档说：

splines attribute，bool 或 string 类型，在 Graphs 上有效 splineType 与模式：spline ( ';' spline )* 是 pos 属性的有效类型 pos attribute 在边缘和节点上有效

我试过这个图表

graph G     
layout ="neato" outputorder="edgesfirst" splines="true"
a[shape="point" pos="0,0!"        color="blue"]
b[shape="point" pos="1,0!"        color="green"]
c[shape="point" pos=" 0.5,0.5!"   color="red"]
a -- b [pos="e,1,0 s,0,0 0.5,0.5!"]   

然后在 Windows 10 PowerShell 上：

neato.exe -Tsvg .\spline.dot > .\spline.svg

与

neato - graphviz version 2.49.3 (20211023.0002)

结果

实现这一目标的正确方法是什么？

谢谢。

【问题讨论】：

这是最终目标，还是更大项目的一部分？

@sroush，它确实是一个更大项目的一部分。阅读文档时似乎可以，但到目前为止无法正确使用它并且我没有找到任何示例。

DIY 样条线是一种痛苦，但可行 - 尽管完全自动化将是一种超级痛苦。要与“普通”点图结合，请考虑从主图的“点 -Tdot”开始

【参考方案1】：

关闭，但是...

！符号似乎只适用于节点（而不是边）（文档很少，但请参阅：https://graphviz.org/docs/attr-types/point/ 和 https://graphviz.org/docs/attrs/pin/） 默认情况下，pos 值单位是磅（英寸/72）。你的价值观~太小了

neato -n2

将使用您提供的节点和边值 (https://graphviz.org/faq/#FaqDotWithCoords) 所有边（不仅仅是曲线）都被定义为三次 B 样条，并由 1 + n*3 个点定义（n 是整数 >=1）（https://graphviz.org/docs/attr-types/splineType/）（即 4 或 7 或 11 或 .. .)

所以：

graph G
// default units for pos values are in points (72/inch)
// multiplied by 100 out of laziness 
// ! only applies to nodes, not edges
layout ="neato"
outputorder="edgesfirst"  // why???
splines="true"

a[shape="point" pos="0,0!"        color="blue"]
b[shape="point" pos="100,0!"        color="green"]
c[shape="point" pos="50,50!"   color="red"]
// "s" arrowhead must preceed "e" arrowhead,  so swaped them
// BUT, "--" says non-directed graph, NO arrowheads, so they are deleted
// also need 4, 7, 11, ... points NOT including arrowhead points
// so added points (just guesses)
a -- b [pos="0,0 30,66 70,66 100,0"]   

给：

哇

【讨论】：

谢谢！关于 outputorder="edgesfirst" ，如果您对此进行注释并重新渲染，您会看到边缘覆盖了蓝色和绿色点，当然，您可能需要稍微放大一下才能注意到。