如何在JS中自动生成并绘制两个曲面之间的平滑曲线?

How to automatically generate and draw a smooth curve between two surfaces in JS?

我希望能够在JS中自动生成DOM元素的两个(平坦)表面之间的平滑曲线,类似于Google Slides中的Curved Connector

在 GS 中,您可以添加一个 Curved Connector,然后将每一端插入任何其他锚点。如果目标锚点属于一个表面,连接线将垂直于它。中间点会自动生成并进行插值以形成平滑的曲线。这里有四个例子:

→ 不确定那里是否有图书馆?到目前为止,遗憾的是我还没有找到任何东西

d3-graphviz 无所不能:

  • 默认情况下边缘呈现为笔直,但会自动弯曲以避免其他节点。
  • 它还有 layered/hierarchical graphs 的自动布局算法。
  • 它在后台使用 graphviz (with the help of wasm)。

Here is an example: