SVG 在溢出的网站屏幕上渲染时被切断

Question

我正在尝试为个人项目制作视差效果火车动画。这是通过以不同的速度翻译背景 svgs (translateX) 来完成的。我使用animejs 库实现了这一点。但是，在动画期间，SVG 会在两者之间被切断，如下所示。

我之前尝试过以下方法来解决问题

• overflow : visible
• 摆弄 SVG 的视图框

他们都没有工作

不确定这是 SVG 还是用于在网站上呈现它的 CSS 的问题

这里是codeandbox链接 Codesandbox Train Animation

Answer 1

正如Salil Rajkarnikar 所提到的，刚刚删除了svg 中的clip-path 属性并且它起作用了。