Low level toolkit for SVG paths transformations. Sometime you can't use
transformattributes and have to apply changes to svg paths directly. Then this package is for you :) !
This package works both in browser and on server.
Constructor. Creates new
SvgPath class instance.
Converts all path commands to absolute.
Converts all path commands to relative. Useful to reduce output size.
Rescale path (the same as SVG
sx by default.
Translate path (the same as SVG
y = 0 by default.
, rx, ry)
Rotate path to
angle degrees around (rx, ry) point. If rotation center not set,
(0, 0) used. The same as SVG
Skew path along the X axis by
Skew path along the Y axis by
m1, m2, m3, m4, m5, m6 )
Apply 2x3 affine transform matrix to path. Params - array. The same as SVG
Any SVG transform or their combination. For example
The same format, as described in SVG standard for
Converts smooth curves
s with "missed" control point to
generic curves (
Replaces all arcs with bezier curves.
.toString() -> String
Returns final path string.
Round all coordinates to given decimal precision. By default round to integer. Useful to reduce resulting output string size.
.iterate(function(segment, index, x, y)
Apply iterator to all path segments.
- Each iterator receives
yparams. Where (x, y) - absolute coordinates of segment start point.
- Iterator can modify current segment directly (return nothing in this case).
- Iterator can return array of new segments to replace current one (
means that current segment should be deleted).
If second param
keepLazyStack set to
true, then iterator will not evaluate
stacked transforms prior to run. That can be useful to optimize calculations.