我完全不熟悉gatsby并做出反应。我试图找出使用animejs在我的一个项目中制作svg动画的最佳方法。
我想为svg中的圆形路径设置动画。引用它的最佳方法是什么?
import React, { Component } from 'react'
import indexStyle from './styles/index.module.scss'
import anime from 'animejs'
class Animation extends Component {
anime({
targets: ' ??? ',
...
})
render() {
return (
<>
<svg
className={indexStyle.animation}
viewBox="0 0 508 285.75"
preserveAspectRatio="xMaxYMax meet"
>
<path> ... </path>
<path> ... </path>
<circle> ??? </circle>
</g>
</svg>
</>
)
}
}
export default Animation