Javascript 使用SVG路径作为；骨架“；到其他路径（折弯路径）_Javascript_Svg

Javascript 使用SVG路径作为；骨架“；到其他路径（折弯路径）

javascript svg

Javascript 使用SVG路径作为；骨架“；到其他路径（折弯路径）,javascript,svg,Javascript,Svg,我试图在路径上实现这种弯曲效果，这种效果采用现有路径（骨架），并允许在形状路径中“弯曲”它。弯曲路径的样式取自原始形状路径的样式。像这样有人能告诉我一个达到这个效果的方法吗？这种变形在矢量绘图工具Inkscape中使用，它使用svg作为标准，我想使用javascript制作动画并找到这个库，我不确定如何实现这种效果，任何方向都会有很大帮助该效果如何工作的描述在此链接上这是bend工具的c++实现，简要介绍了J.F.Barraud的理论，即使有这样的描述，我也不知道如何作为起点，欢迎

我试图在路径上实现这种弯曲效果，这种效果采用现有路径（骨架），并允许在形状路径中“弯曲”它。弯曲路径的样式取自原始形状路径的样式。像这样

有人能告诉我一个达到这个效果的方法吗？这种变形在矢量绘图工具Inkscape中使用，它使用svg作为标准，我想使用javascript制作动画并找到这个库，我不确定如何实现这种效果，任何方向都会有很大帮助

该效果如何工作的描述在此链接上这是bend工具的c++实现，简要介绍了J.F.Barraud的理论，

即使有这样的描述，我也不知道如何作为起点，欢迎提供任何帮助

一般来说，这些类型的曲线称为

样条曲线

曲线可能具有不同的复杂性，但这些曲线看起来很简单，只有3或4个控制点影响样条曲线上每个点的位置。这是关于这个问题的另一个讨论：我知道如何创建路径，但不会弯曲一条路径来跟随另一条路径。。。