AnimeJS Path Issue

[frontend-restack]

Describe the bug
I am using anime.js path module to animate a beam along a path, but for some reason the beam is miss positioned from the path while animating. Initial position (when not animating) of the beam overlaps the path but after animation its positioned incorrecly.

Expected behavior
The beam should overlap the path

Screenshots

Implementation

const path = anime.path('.path1');
const animation = anime({
  targets: '.beam1',
  translateX() {
    console.log(path('x'));
    return path('x');
  },
  translateY: path('y'),
  easing: 'easeOutQuad',
  duration: 1000,
  direction: 'reverse',
  loop: true,
});

Desktop (please complete the following information):

• "animejs": "^3.2.2"

[juliangarnier]

Can you provide a live reproductive example of your issue? (codepen or other)

Thanks!