gorangajic / react-svg-morph

:crystal_ball: morph your svg component one into another other

Home Page:http://gorangajic.github.io/react-svg-morph/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

easing function with MorphReplace

sarovin opened this issue · comments

Can i change the easing function in MorphReplace?

i have this code but not work...

import { MorphReplace } from 'react-svg-morph';
import { easeInOutCubic } from 'react-svg-morph/lib/utils/easing';

renderLine() {
    return (
      <MorphReplace
        easing={easeInOutCubic}
        width={100}
        height={100}
        duration={1000}
        rotation="none"
      >
        {this.state.isOpen ? <OpenCurvedSVG key="open" /> : <LineSVG key="close" />}
      </MorphReplace>
    );
  }

have the same issue, @sarovin you found a solution for that?

@gorangajic Thanks, could you help to check whether the easing function work or not now? Thanks so much ;)

@tomsvogel @sarovin Have you solve the easing problem yet? Thanks.

@gorangajic @tomsvogel @sarovin I noticed in MorphReplace.js last second line, it ends with a " , " . Is it supposed to have " easing: function(t) { return t; } " as the last object?