Gatsbyjs - Анимация с анимеем - PullRequest
Новая
       25

Gatsbyjs - Анимация с анимеем

0 голосов
/ 25 октября 2019

Я совершенно новичок в Гэтсби и реагирую. Я пытаюсь найти лучший способ анимировать SVG в одном из моих проектов с помощью animejs.

Я хочу оживить круговой путь в 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
...