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

Question

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

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

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

两个都不行

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

这是codesandbox link Codesandbox Train Animation

Answer 1

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