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

问题描述 投票:3回答:1

我有一条路径如下:

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表示这条曲线。

javascript svg bezier
1个回答
2
投票

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

© www.soinside.com 2019 - 2024. All rights reserved.