javascript - 如何使用anime.js支持供应商前缀

我正在对剪辑路径进行动画处理，直到进入野生动物园之前，它都非常有用，我需要-webkit-前缀。

我知道我可以使用CSS制作动画，但是我需要将变量动态分配到该位置的剪切路径中。普通的旧CSS无法完成的工作。

这是我的anime.js对象

anime({
    targets: '.contact-area',
    clipPath: [`circle(0% at ${coords.centerX}px ${coords.centerY}px)`, `circle(140% at ${coords.centerX}px ${coords.centerY}px)`],
    duration: 350,
    easing: 'easeInOutQuint'
});

理想情况下，我会使用anime.js开箱即用地支持它，也许我错过了一些东西。

我在文档中或在线上找不到任何这种性质的东西，因此，如果有任何解决方法，任何人都可以想到我愿意接受想法。我将anime.js用于网站的其他方面（动画徽标等），因此，如果可能的话，我会坚持使用。

最佳答案

使用完整的CSS属性名称和值，并用引号引起来。

在您的情况下：

anime({
    targets: '.contact-area',
    "-webkit-clip-path": "your-css-clip-path-property-value-here",
    duration: 350,
    easing: 'easeInOutQuint'
});