Gatsbyjs-使用animejs制作动画

时间:2019-10-25 12:09:39

标签: gatsby anime.js

我完全不熟悉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

0 个答案:

没有答案