SVG中路径中的二次贝塞尔曲线函数

时间:2016-08-31 11:10:04

标签: svg geometry trigonometry

寻找一些帮助,提出在路径中创建二次贝塞尔曲线的函数。例如:

enter image description here

<svg width="190" height="160" xmlns="http://www.w3.org/2000/svg">
  <path d="M10 80 Q 52.5 10, 95 80 T 180 80" stroke="black" fill="transparent"/>
</svg>

有关如何获得Q坐标52.5 10, 95 80给出两个点M10 80T 180 80的任何想法。

曲线将基于线的斜率。所以水平线没有曲线,但如果它是45度,它将处于最大曲线。

更新,更多信息,只是尝试创建一个曲线类似于雅虎管连接器的路径: enter image description here

1 个答案:

答案 0 :(得分:-1)

你的问题无法回答。您还没有提供足够的信息。

计算X坐标很容易。但Y值可能是任何东西,它取决于你想要曲线的路径。