normalize-svg-path

normalize-svg-path

Convert all segments in a path to curves. Usefull if you intend to animate one shape to another. By defining all segments with curves instead of a mix of lines, arcs, and curves tweening becomes much simpler. It could also help you rewrite your SVG code according to the principles of narcissistic design.

Usage

var parse = require('parse-svg-path')
var abs = require('abs-svg-path')
var normalize = require('normalize-svg-path')

var segments = normalize(abs(parse('M0 0L10 10A10 10 0 0 0 20 20Z')))

API

normalize(path)

Translate each segment in path to an equivalent cubic bézier curve. The input path must be absolute.

normalize([['L',1,2]]) // => [['C',0,0,1,2,1,2]]

Similar packages

Other packages similar to normalize-svg-path

svg-path-parser

The svg-path-parser package parses SVG path data into a more manipulable format. It breaks down the path data into an array of command objects, making it easier to analyze and manipulate. Unlike normalize-svg-path, it focuses more on parsing rather than normalizing the path data.

svg-pathdata

The svg-pathdata package provides a set of tools to parse, encode, transform, and render SVG path data. It offers more comprehensive functionality compared to normalize-svg-path, including the ability to apply transformations and render the path data.