干净地改变SVG路径

在这个小提琴中,我试图通过简单地延伸上部来将小H变成大H。 我认为这将会像提供新路径一样简单,让拉斐尔发挥它的魔力,但显然情况并非如此。

有没有简单的方法来延长上升,而不是先摧毁它? 请注意,这是一个更大的徽标中的一个移动部分。


据我所知,在绘制路径中,这两个形状不是从相同的起点绘制的 - 所以你会变形。

SVG动画将始终尝试将起始形状的第一部分变形为结束形状的第一部分。 如果绘制顺序不同,那么你会得到像你所看到的奇怪效果。

(请注意,开始和结束形状中必须具有相同数量的段和相同的路径类型顺序。)


我仍然无法为其他人的问题和答案添加简单的评论,因此我必须作为回答发表评论。

我同意迈克尔的回答,并且我想补充一点,我建议从结果/变换后的矢量图像(保存它)开始,然后回到要从中变换的矢量图像。

我注意到前三点M,X,Y在Raphael JS演示中处理得非常仔细。

链接地址: http://www.djcxy.com/p/62357.html

上一篇: Cleanly morph SVG paths

下一篇: How can I read files from a camera attached via usb