No Login Data Private Local Save

SVG Path Point Extractor - Online d to Coordinates

10
0
0
0

SVG Path Point Extractor

Extract coordinates from SVG path d attribute — curves, arcs, and lines, sampled or key points.

Quick Samples: 📐 Rectangle 🎯 Cubic Bezier 🌙 Arc Path ❤️ Heart Shape 🧩 Complex Mix

Paste an SVG path d string above and click Extract to get started.

Supports all SVG path commands: M, L, H, V, C, S, Q, T, A, Z

Frequently Asked Questions

The d attribute defines the path data — a sequence of commands and coordinates that describe the shape. Commands include M (move to), L (line to), C (cubic bezier), Q (quadratic bezier), A (elliptical arc), and Z (close path). Uppercase letters use absolute coordinates; lowercase uses relative coordinates.

Curve Sampling generates evenly-spaced points along bezier curves and arcs, giving you a smooth polyline approximation — ideal for animation, path following, or converting curves to polygons. Key Points Only extracts just the anchor points and control points defined in the path commands, which is useful for analyzing the path structure or editing bezier handles in vector software.

Relative commands (like c, l, q) define coordinates relative to the current pen position. This tool automatically converts all relative coordinates to absolute ones by accumulating offsets, so you always get clean absolute (x, y) pairs regardless of the original command casing.

Yes! If you paste a complete <svg> snippet containing <path> elements, the tool will automatically extract all d attributes. Multiple paths are combined, and the output includes coordinates from all of them in order.

Arc sampling uses the SVG specification's parametric formulas, accounting for rx, ry, x-axis rotation, large-arc flag, and sweep flag. Points are sampled uniformly across the arc's angular span, providing a highly accurate polyline approximation. Increasing the sample count improves precision for very large or highly elliptical arcs.

You can export coordinates in three formats: JSON Array ([[x1,y1],[x2,y2],...]) — perfect for JavaScript or web development; CSV (x1,y1\nx2,y2\n...) — ideal for spreadsheet or data analysis tools; and X Y Pairs (x1 y1\nx2 y2\n...) — a clean, human-readable format great for copy-pasting into other vector software or scripts.