svg-path-simplify 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## [0.4.1] - 2026-03-16
+### Fixed
+- null transform removal matrix(1 0 0 1 0 0)
+
+
 ## [0.4.0] - 2026-03-16
 ### Added
 - convert transforms to hard coded geometry 

package/README.md

@@ -15,26 +15,58 @@ While this library reduces SVG markup sizes significantly by removing commands i
 Unlike most existing approaches (e.g in graphic applications), it checks where simplifications are suitable and stops simplification at the right »point« (literally).
 
 ![simplification](./demo/img/splash.png)    
-*Fira Sans (based on truetype/glyph quadratic commands) converted to cubic Bèziers. Right:Original; Left:optimized*
+*Fira Sans (based on truetype/glyph quadratic commands) converted to cubic Béziers. Right:Original; Left:optimized*
 
-## Features – what it does
-* reduces the number of SVG commands (both Bèziers and lines) by converting/combining adjacent:  
+## Features 
+### Path simplification
+* reduces the number of SVG commands (both Béziers and lines) by converting/combining adjacent:  
   * Béziers (`C`, `Q`)
   * flat Béziers to Linetos
   * colinear lines (`L`)
+  * converts cubic Béziers which can be expressed as more compact quadratic
 
 * reorders path starting points to replace unnecessary closing linetos by `Z` commands
 * optimizes SVG file size by contextually converting to:  
   * shorthand commands (`C` => `S`, `Q` => `T`, `L`=>`H` or `V`)
   * cubics to quadratic Béziers  (only 1 control point)
-  * cubic arc-like segments to `A` (elliptic arc)
+  * cubic arc-like segments to `A` (elliptic arc) and `rx`, `ry` radii optimization for semi-circle segments
 
+### Coordinate rounding
 * adaptive coordinate rounding: small or large details can be auto-detected to find a suitable floating point accuracy without guessing the decimal value (3 decimals may not be the silver bullet=)
+
+### SVG optimization
+Cleanup for:  
+* meta data
+* namespaced attributes or elements 
+* convert `xlink:href` to `href` and vice-versa 
+* move `defs` to the top 
+* remove futile `<clipPath>` defs spanning across the entire viewBox
+* convert styles to presentation attributes
+
+### Shape conversions
+* convert shapes such as `<circle>`, `<ellipse>`, `<rect>` etc. to `<path>` – supports relative `%` or physical units like `mm`
+* convert paths to shapes – if applicable
+
+### Polygons
+* convert paths to polygons
+* reduce poly vertices
+* convert/smooth polygons to curved path data
+
+### Transforms
+* convert transforms to hard-coded path data
+* scale SVGs to desired output size
+
+### Path directions
+* reverse path drawing directions
+* auto-fix compound path directions to comply with non-zero fill rules
+
+### Additional features
 * split segments at extremes – only useful for manual editing
 * optimize either path data strings or SVG markup code
 * create curves from polylines (curve-fitting)
 
 
+
 ## TOC
 * [Usage](#usage)
   + [Browser](#browser)
@@ -44,12 +76,6 @@ Unlike most existing approaches (e.g in graphic applications), it checks where s
     - [Example 2: Apply options](#example-2-apply-options)
   + [Web worker](#web-worker)
 * [API](#api)
-  + [Simplification parameters](#simplification-parameters)
-  + [Advanced simplifications](#advanced-simplifications)
-  + [Output options](#output-options)
-  + [SVG scaling](#svg-scaling)
-  + [SVG output optimizations](#svg-output-optimizations)
-  + [SVG input normalization](#svg-input-normalization)
 * [Lite version](#lite-version--only-path-data)
 * [Demos](#demos)
   + [Web app](#web-app)

package/dist/svg-path-simplify.esm.js

@@ -2004,7 +2004,7 @@ const attLookup = {
 
     defaults: {
 
-        transform: ["none", "matrix(1, 0, 0, 1, 0, 0)"],
+        transform: ["none", "matrix(1, 0, 0, 1, 0, 0)", "matrix(1 0 0 1 0 0)"],
         "transform-origin": ["0px, 0px", "0 0"],
         rx: ["0", "0px"],
         ry: ["0", "0px"],
@@ -7123,7 +7123,7 @@ function parseStylesProperties(el, {
 * consolidate transforms to matrix
 */
 function addTransFormProps(propsObj = {}, transformArr = []) {
-    if (propsObj.transformArr === undefined && !transformArr.length) return;
+    if (propsObj.transformArr === undefined || !transformArr.length) return;
 
     // take existing array or custom
     transformArr = transformArr.length ? transformArr : propsObj.transformArr;
@@ -7158,13 +7158,17 @@ function filterSvgElProps(elNodename = '', props = {}, {
     let noStrokeColor = cleanUpStrokes ? (props['stroke'] === undefined) : false;
 
     for (let prop in props) {
-        let value = props[prop][0];
+        let values = props[prop];
+        let value = Array.isArray(values) ? values[0] : values;
 
         // filter out useless
         let isValid = removeInvalid ?
             (attLookup.atts[prop] ? attLookup.atts[prop].includes(elNodename) : false) :
             false;
 
+        // remove null transforms
+        if(prop==='transform' && value==='matrix(1 0 0 1 0 0)') isValid = false;
+
         // allow data attributes
         let isDataAtt = allowDataAtts ? prop.startsWith('data-') : false;