使用SVG路径作为另一条路径(弯曲路径)的“骨架”

时间:2020-05-23 12:14:28

标签: javascript svg

我正在尝试在路径上实现这种弯曲效果,这种效果采用现有的路径(骨架),并允许其在形状路径中“弯曲”。弯曲路径的样式取自原始形状路径的样式。 像这样image

有人可以告诉我达到这种效果的方法吗? 这种变形在矢量绘图工具Inkscape中使用,该工具使用svg作为标准,我想使用javascript动画并找到该库warp.js,我不确定如何尝试实现这种效果,方向会很有帮助。

此链接上有关效果如何工作的说明 http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Paths-LivePathEffects-BendTool.html 这是折弯工具的c ++实现,其中简要介绍了J.F. Barraud的理论, https://gitlab.com/inkscape/inkscape/-/blob/master/src/live_effects/lpe-bendpath.cpp

即使有描述,我仍然不知道该怎么做作为起点,欢迎您提供任何帮助

0 个答案:

没有答案