Javascript ScrollMagic+；TweenMax：同时绘制多个SVG路径？

这是我用来绘制SVG路径的脚本：

它工作得非常好，但正如您所看到的，我的SVG中有三个单独的路径（

$journey1

，

$journey1\u 2

&

$journey1\u 3

），而ScrollMagic场景目前只绘制了其中一个路径，

$journey1

，因为我只能将该路径添加到

TimelineMax（）

我的简单问题是：如何添加其他路径，以便它们与

$journey1

同时绘制

我可以添加其他路径，但它们是连续绘制的：

// Build tween
  var tween_journey = new TimelineMax()
    .add(
      TweenMax.to($journey1, 1, { strokeDashoffset: 0, ease: Linear.easeNone })
    )
    .add(
      TweenMax.to($journey1_2, 1, { strokeDashoffset: 0, ease: Linear.easeNone })
    );

---

我发现，我可以在TweenMax时间线内按类确定路径，如下所示：

var tween_journey = new TimelineMax();
tween_journey.to(".cls-2", 1, { strokeDashoffset: 0, ease: Linear.easeNone });

这将同时对给定类的所有路径进行动画/绘制，从而解决我的问题

var tween_journey = new TimelineMax();
tween_journey.to(".cls-2", 1, { strokeDashoffset: 0, ease: Linear.easeNone });