svg - 在animejs中的动画之间移动SVG

Question

我正在使用animejs库创建移动火车的无限SVG循环。这是通过一个接一个地交换两个 SVG 背景的移动来完成的，保持火车静止，从而产生火车移动的效果。但是，我现在想在动画仍在运行时实现互换功能。我想在目标翻译超过 4000 时将后面的 SVG 放在前面。

anime({
  targets: ".target-background-svg",
  translateX: -6400,             //distance the background travels
  duration: 10000,
  easing: "easeInOutCubic",
  loop: true
});

我已经尝试使用属性关键帧来实现，但是，火车在每个关键帧之后停止并继续。我希望它在不停止的情况下移动平移 6400px，但在平移一定距离后执行一个函数。

有什么方法可以使用吗？

我使用的 SVG 的 Codesandboxlink：https ://codesandbox.io/s/react-svg-4td8j