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'));