在溢出的网站屏幕上渲染时 SVG 被切断
SVG being cut off while rendering on website screen with overflow
我正在尝试为个人项目制作视差效果火车动画。这是通过以不同速度翻译背景 svgs (translateX
) 来完成的。我使用 animejs
库实现了这一点。但是,在动画过程中,SVG 在中间被切断,如下所示。
我之前尝试过以下方法来解决问题
overflow : visible
- 摆弄 SVG 的视图框
两个都不行
不确定这是 SVG 的问题还是用于在网站上呈现它的 CSS
这是codesandbox link
Codesandbox Train Animation
如 Salil Rajkarnikar 所述,只需删除 svg 中的剪辑路径 属性 即可。
我正在尝试为个人项目制作视差效果火车动画。这是通过以不同速度翻译背景 svgs (translateX
) 来完成的。我使用 animejs
库实现了这一点。但是,在动画过程中,SVG 在中间被切断,如下所示。
我之前尝试过以下方法来解决问题
overflow : visible
- 摆弄 SVG 的视图框
两个都不行
不确定这是 SVG 的问题还是用于在网站上呈现它的 CSS
这是codesandbox link Codesandbox Train Animation
如 Salil Rajkarnikar 所述,只需删除 svg 中的剪辑路径 属性 即可。