Anime.js-如何沿着路径移动元素

时间:2019-08-29 06:56:04

标签: javascript svg path anime.js

我正在尝试使用anime.js在路径上移动元素,但无法这样做。 TranslateX和TranslateY属性可以使用固定值,但是当我尝试使用anime.path()给出值时,它不起作用。

我尝试使用anime.path('path')('x')方法获取x,y和角度值。

anime({
      targets: [document.getElementById("div")],
      translateX: anime.path(document.getElementById('path'))('x'),
      translateY: anime.path(document.getElementById('path'))('y'),
      rotate: anime.path(document.getElementById('path'))('angle'),
      duration: 5000,
      loop: true,
      easing: "linear"
    });

我希望div使用路径的x,y和角度值沿路径移动。

0 个答案:

没有答案