What SVG path commands can this tool parse?

Parses all SVG path commands: M/m (MoveTo), L/l (LineTo), H/h, V/v, C/c (Cubic Bezier), S/s, Q/q (Quadratic Bezier), A/a (Arc), and Z/z (ClosePath).

Does it calculate geometric path length and bounding box?

Yes. Uses native SVG DOM methods to calculate exact perimeter length and bounding box dimensions.

SVG Path Inspector & Visualizer

Analyze SVG path definitions (d="...") offline. Dissect individual segment commands (M, L, C, S, Q, A, Z), calculate exact geometric length and bounding box dimensions, and visualize paths on an interactive coordinate grid.

Total Length 0 px

Bounding Box (W × H) 0 × 0

Total Commands 0

Sub-Paths 1

PATH DEFINITION INPUT (d="..." OR FULL <svg>) 0 chars

Dissected Segment Commands:

#	Type	Parameters

PATH VISUALIZER & COORDINATE VIEW Auto viewBox

BBox: x:0, y:0, w:0, h:0

Frequently Asked Questions

What SVG path commands are supported?

This inspector supports all standard SVG 1.1 / 2.0 path segments: M/m (MoveTo), L/l (LineTo), H/h & V/v (Horizontal/Vertical), C/c & S/s (Cubic Bézier), Q/q & T/t (Quadratic Bézier), A/a (Elliptical Arc), and Z/z (ClosePath).

How is the total path length calculated?

Total path length is computed natively via the browser's SVGPathElement.getTotalLength() method, which integrates the parametric curves mathematically.