如何将SVG'c'曲线转换为三次贝塞尔曲线列表?

时间:2013-01-30 16:27:58

标签: javascript svg bezier

我的路径如下:

d="m 0,0 38.913,455.481 c 7.122,83.37 6.816,164.779 13.005,236.077 18.924,218.078 232.099,308.663 268.399,493.918 16.874,86.119 -37.253,229.874 -42.144,323.022 -7.527,143.381 69.579,142.669 104.526,244.648"

我不太明白它是如何表现的。

我猜它被转换为多个简单的三次贝塞尔曲线的列表,但是如何?我应该每次采取什么作为控制点,起点,终点?

这里的坐标到底是什么?相对于什么?

我对SVG图形完全陌生并且(在我看来)w3引用并未提供有关这些点的足够详细信息。

如果它可以帮助我实现目标,那就是逐点用画布中的javascript表示这条曲线。

1 个答案:

答案 0 :(得分:2)

你似乎有cubic bezier curves,而不是二次。规范文本解释了控制点是什么以及它们相对于什么(通常是前一个移动/线/曲线的终点)