rc-tween-one@2.7.3

tween-one anim component for react

import Tween from 'rc-tween-one';
import React from 'react';
import ReactDom from 'react-dom';
import SvgMorphPlugin from '../src/plugin/SvgMorphPlugin';
Tween.plugins.push(SvgMorphPlugin);
function Demo() {
 return (
 <svg width="100%" height="600" version="1.2">
 <Tween
 animation={[
 { points: '300,10 500,200 120,230 450,220 0,20' },
 { points: '100,10 200,200 120,430 450,220 0,20' },
 ]}
 style={{ fill: '#fff000', storkeWidth: 1, stroke: '#000fff' }}
 component="polygon"
 points="220,100 300,210 170,250 123,234"
 attr="attr"
 />
 </svg>);
}
ReactDom.render(<Demo />, document.getElementById('__react-content'));