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

SVG being cut off while rendering on website screen with overflow

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

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

两个都不行

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

这是codesandbox link Codesandbox Train Animation

Salil Rajkarnikar 所述,只需删除 svg 中的剪辑路径 属性 即可。