清晰地变形SVG路径

在本文中，我试图通过简单地扩展上升者，将小H变形为大H。我认为这就像提供一条新的道路，让拉斐尔发挥它的魔力一样简单，但显然不是这样

---

有没有一个简单的方法来拉长上升点而不让它先被弄坏？请注意，这是一个大得多的徽标中的一个移动部分。

从绘制路径上看，这两个形状不是从同一个起点绘制的，因此您会被弄脏

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

---

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

您看过了吗？通过创造性地接近动画过程，这可能有助于避免这种情况——查看源代码，看看他们是如何做到的（尽管我没有看到实现路径动画的方法，因为路径动画是硬连接到实现中的）。是的，我已经看到了这一点，特别是在平滑地变成三角形的正方形上，但无法确定是什么导致了这一现象。这一机制似乎非常不透明。另一个想法是水平切割徽标，并对上下半部分使用单独的形状（和路径），这样你只能缩放顶部（我假设你的目标是这样）。我也考虑过，但即使这样也有同样的问题，因为“增长”上升点涉及缩放或变形，这将导致同样的混乱，但单是缩放并不能做到这一点。你甚至可以将衬线分开，只缩放中高范围。。。这是有道理的。所以我要做的就是确保顺序是一样的。嗯，好的，谢谢。我来试试这个