javascript - 为什么这个 SVG 动画被切成两半？

Question

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

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

标签： javascriptcsssvgsvg-animatelottie

Answer 1

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

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