react-svg-creator
Features
- React components to create svg shape(Regular polygon).
- Custom style supported。
Installation
npm install react-svg-creator --save
Usage
import { GeometricSvg } from 'react-svg-creator';
ReactDOM.render(
<GeometricSvg
type="hexagon"
length={100}
strokeColor="#000"
strokeWidth={2}
fillColor="#fff"
borderRadius={10} />, container);
API
Prop |
Type |
Description |
Default |
type |
string |
'pentagon', 'hexagon', 'octagon', 'decagon' |
'hexagon' |
startPoint |
number |
start point of shape path |
0 |
length |
number |
length of shape |
100 |
borderRadius |
number |
border radius of round corner |
0 |
strokeWidth |
number |
stoke width of shape border |
0 |
strokeColor |
string |
outline color of shape |
'#000' |
fillColor |
string |
fill color of shape |
'#fff' |
defaultOffset |
number |
default offset of shape path |
|