`flatten-svg` normalizes SVG shape data into a simplified line segment form suitable for, say, a [plotter](https://axidraw.com/). All shapes are reduced to line segments, accurate to within a configurable error margin.
npm install flatten-svgflatten-svg normalizes SVG shape data into a simplified line segment form
suitable for, say, a plotter. All shapes are reduced to
line segments, accurate to within a configurable error margin.
Input:
``svg`
Usage:
`js
import {flattenSVG} from 'flatten-svg';
const paths = flattenSVG(svgElement);
`
Output:
`js`
[
{ points: [[10, 10], [40, 10], [40, 20], [10, 20], [10, 10]] },
{ points: [[10, 10], [20, 10], [20, 20], [10, 20], [10, 10]] }
]
flatten-svg is compatible with svgdom for
use in non-browser environments such as node.js.
`js
import {flattenSVG} from 'flatten-svg';
import {Window} from 'svgdom';
import {readFileSync} from 'fs';
const window = new Window
window.document.documentElement.innerHTML = readFileSync('test.svg')
const paths = flattenSVG(window.document.documentElement)
`
* svgElement SVGSVGElement - SVG to flatten.options
* Object _(optional)_maxError
* number - maximum deviation from true shape. Defaults to 0.1.
Returns Line[]
Properties:
* points (\[number, number] & {x: number, y: number})[] - list of points on the linestroke
* ?string - if present, the stroke` property of the line
Points on the line are two-element arrays ([x, y]), but also have .x and .y properties.