Svg 如何获取polybezier曲线线段的起点?

Svg 如何获取polybezier曲线线段的起点?,svg,bezier,cubic-bezier,Svg,Bezier,Cubic Bezier,我有这样的曲线d=“m 8.6934523,43.845239 c 0,0-3.0238096,-6.236608-3.2127975,-11.90625 c 5.2916666,26.269345 6.047619,17.197916 10.961309,13.418155 15.875,9.6383926 20.032738,8.315476 28.537201,9.0714284” 需要在具有绝对坐标的线段开始的位置分割曲线(“C 5.2916666,26.26.9345…)。我必须将该段

我有这样的曲线d=“m 8.6934523,43.845239 c 0,0-3.0238096,-6.236608-3.2127975,-11.90625 c 5.2916666,26.269345 6.047619,17.197916 10.961309,13.418155 15.875,9.6383926 20.032738,8.315476 28.537201,9.0714284”

需要在具有绝对坐标的线段开始的位置分割曲线(“C 5.2916666,26.26.9345…)。我必须将该段表示为视图“m x,y C 5.2916666,26.26.9345…”中的另一条曲线。在这种情况下,“m 0,0 C 5.2916666,26.26.9345…”的解决方案不适用:(并且作为上一段最后一个控制点的起点不起作用(我相信这是因为切换到绝对坐标)


我应该以某种方式从上一段计算起点吗?或者是否有相应的文献(在文档中除了称为polybezier的曲线外,没有数据)?

首先,您需要将d属性更改为所有绝对坐标(全部大写)。为此,我使用此转换器:

接下来,为了按所需的点分割曲线,需要将上一个命令中的最后2个值用于新曲线的“移动到”命令

svg{width:45vw}


请注意,您不是在问如何分割曲线,而是在问如何分割SVG路径字符串。您只需要在
C
前面有一条
M
指令,您的路径就可以成为两个独立的子路径。请记住,代码答案需要将代码包含在帖子中,即使有要链接的实时演示URL。Codepen可能会在一夜之间死去,这也会无意中使这个答案对未来的访问者毫无用处=)