svg-path-builder
minimal utility for building path data using a declarative api.
Installation
$ yarn add svg-path-builder
Usage
; { const pathData = return <Path d=pathData/>}
API
new PathBuilder()
create an instance of the path builder
relative()
switch to relative path modeaboslute()
switch to absolute path modemoveTo(x, y)
move to position without drawing a linelineTo(x, y)
draw a line from current position to point(x, y)horizontalLineTo(x)
draw line from current position to point(x, currentY)verticalLineTo(y)
draw a line from current position to point(currentX, y);toString()
return the path as an Svg formatted string (e.g.d={path.toString())
)
Note: I quickly wrote this for a particular use case, so there is currently no support for Curve or Arc path data. It would be very simple to add, which I will hopefully have time to to get to. Otherwise feel free to PR.