SVG Path Length Calculator

Calculate the total length of SVG paths. Get exact path lengths in pixels, mm, or cm for animation timing, CNC cutting time estimation, and layout.

Drop SVG file to analyse or click to browse

Extract path coordinates, length, bounds & georeference

Visual Path Render

Closed Paths Open Paths

How to Use

Upload SVG or paste path

Upload SVG or paste the path "d" attribute.

Set unit conversion

Select DPI and target unit (px, mm, cm, inch) for physical length.

View path lengths

See the length of each path and the total length of all paths.

Calculating SVG Path Lengths

The SVG specification provides a getTotalLength() method on SVGPathElement, but this requires a browser DOM — it is not available in server-side or build tool contexts. This calculator implements the same computation in pure JavaScript, making it available without a browser DOM and providing per-segment breakdowns not available through the native API.

Real-World Examples & Use Cases

CSS Draw Animation

Calculate the exact path length to set stroke-dasharray for an SVG draw-on animation.

CNC Cutting Time

Calculate total cut path length to estimate cutting time at a given feed rate.

Frequently Asked Questions

What is path length used for?▼

Path length is used for: stroke-dasharray/dashoffset CSS animations (draw-on effect), CNC cutting time estimation, embroidery thread usage, and layout calculations.

How is curve length calculated?▼

Bézier curve lengths are calculated numerically using Gaussian quadrature integration — the same method used by browsers to calculate SVGPathElement.getTotalLength().

Related Tools

Explore other tools in this category.

SVG Path Analyzer

Analyse SVG path data. View parsed path commands, bounding box, path length, control points, and a visual breakdown of each segment.

SVG Path to JSON Coordinates

Extract SVG path coordinates as JSON data. Parse SVG path "d" attribute commands and export X, Y points as a structured JSON array.

SVG Path Optimizer

Optimise SVG path data for smaller file size and cleaner code. Removes redundant commands, merges segments, applies relative coordinates, and rounds precision.

Thread Usage Estimator

Estimate the thread usage for an embroidery design. Calculate how many metres of each thread colour are needed based on stitch count and design dimensions.

SVG Path to CSV Coordinates

Export SVG path coordinates as CSV data. Extract X, Y coordinate pairs from SVG paths for use in spreadsheets, databases, and data analysis tools.

SVG Path to XML Coordinates

Export SVG path coordinates as XML data. Convert SVG path geometry to structured XML for enterprise systems, APIs, and XML-based workflows.