svg-line-curved

1.0.0 • Public • Published

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

Package Sidebar

Install

npm i svg-line-curved

Weekly Downloads

73

Version

1.0.0

License

MIT

Last publish

Collaborators

  • hughsk