问题标签 [svg-morphing]

我尝试使用 snap.js 来实现我的两个 blob 形状之间的变形效果。但是，变形过渡并不像我在此处遵循的示例那么顺利。我在 illustrator 中创建了形状并将其导出为 svgs。有谁知道我可以做些什么来使形状过渡更平滑而没有所有边缘？

我的代码

任何帮助将不胜感激，谢谢。

所以我有这个想要变形的 SVG，用anime.js。此外，SVG 代码是通过 Adob​​e XD 导出的。

我无法实现任何类型的 SVG 变形动画。即使是最简单的。最后的结果很奇怪。

我尝试在 Stack Overflow 和其他网站上进行搜索，但我并没有真正找到任何可以解决我的问题的东西。我尝试重新绘制形状 10 次，希望在两个 SVG 上绘制相同数量的锚点。但它仍然无法正确绘制动画。

假设我有这 2 个 SVG，经历了真正“微妙”的变化。

问题是，我希望他们能够优雅地从一个状态转到另一个状态，但相反，它们只是变形而奇怪。我做错了什么吗？谢谢。

我正在尝试使用 Anime JS 创建一个简单的 SVG 变形，但是 SVG 不会平滑过渡，正如您在下面看到的那样它会跳转。有谁知道为什么会这样？

我必须为我的学校制作一个带有变形的步行 svg 动画。这是我第一次使用 JavaScript，所以我不能为我糟糕的代码道歉。我不得不做各种更容易的任务，但我就是想不通这个。头部和躯干移动，但我的四肢出现了很多错误，我现在非常绝望。 如果需要，这是svg的代码

我在inkscape中创建了以下svg

现在，当我使用anime.js 将此svg 从正方形变形为圆角正方形时，我看到正方形被破坏了很多，并且过渡到正方形不太正确。

我如何避免 svg 变形过渡中的错位方块？