terence55 / react-svg-creator

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