svg-line-curved

Generate the path attribute for a curved SVG line.

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
svg-line-curved
1.0.09 years ago9 years agoMinified + gzip package size for svg-line-curved in KB

Readme

svg-line-curved

Generate the path attribute for a curved SVG line between two points:
svg-line-curved

Usage

NPM

path = curve(x1, y1, x2, y2)

Returns a path attribute for the line between (x1, y1) and (x2, y2).
For example:
var createSVG = require('svg-create-element')
var curved = require('svg-line-curved')
var path = createSVG('path')

path.setAttribute('d', curved(0, 0, 100, 100))

path = curve.vertical(x1, y1, x2, y2)

Equivalent to curve(x1, y1, x2, y2), but curving with a vertical bias instead of a horizontal one.
Here's an example screenshot of horizontal and vertical curves respectively:
horizontal vertical

License

MIT. See LICENSE.md for details.

See Also