为什么这个 SVG 动画被切成两半？ [关闭]答案

【问题标题】：Why is this SVG animation cut in half? [closed]为什么这个 SVG 动画被切成两半？ [关闭]
【发布时间】：2021-08-09 05:27:22
【问题描述】：

这是我试图显示全宽的 SVG 动画 (id="lottie404")。我正在尝试通过检查模式修改现有的 DOM。

CSS 有问题吗？我已经尝试了几个小时，似乎找不到解决方案。提前致谢

【问题讨论】：

请不要将链接发布到您的代码所在的第 3 方网站（这里就是这种情况），这些链接可能会随着时间的推移而失效（您的链接指向 404 错误）。始终在您的问题中发布您的代码。
@ScottMarcus 有问题的动画在 404 页面上 :)
在那种情况下，你从来没有在任何地方发布你的代码，这真的是不可接受的。我们需要在您的问题中发布您的代码。
问题是指 DOM。也许我应该澄清这一点。无论如何，@sveneeberth 能够理解并给出完美的解决方案:)

【解决方案1】：

问题是您有两次具有相同 ID 的相同 svg。一个 ID 只能使用一次。所以第二个用 clip-path="url(#__lottie_element_4)" 引用头部中较小的那个，因为它是 DOM 中具有此 ID 的第一个元素。
删除标题中的一个，您将看到另一个将起作用。

要解决这个问题，您必须使用不同的 ID。

【讨论】：