干净地变形SVG路径

Question

在this fiddle中，我试图通过简单地扩展上升器来将小H变形为大H。我认为这就像提供新路径并让拉斐尔发挥其魔力一样简单，但显然事实并非如此。

是否有一种简单的方法可以拉伸上升器而不会先使其上升？请注意，这是一个更大的徽标中的一个移动部分。

Answer 1

就我在绘制路径中看到的而言，这两个形状并非从同一个起点绘制 - 所以你正在变形。

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

（请注意，在开始和结束形状中，您必须具有相同数量的段和相同的路径类型顺序。）

Answer 2

我仍然无法在其他人的问题和答案中添加简单的评论，所以我必须作为答案发表评论。

我同意迈克尔的答案，我想补充一点，我建议从结果/变换后的矢量图像开始（保存），然后再回到要转换的矢量图像。

我注意到前三个点M，X，Y在Raphael JS演示中得到了认真处理。