SVG Path Coordinates Extractor
Parse SVG d path data to extract raw coordinate variables in JSON/CSV format
Extracts numeric coordinates from SVG path 'd' parameters into regular JSON or CSV arrays.
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
How to use
- Paste the SVG path 'd' attribute string.
- Select output format (JSON, points array, CSV).
- Click extract and copy the variables list.
FAQ
- What is this used for?
- It helps Canvas/WebGL developers convert vector files to numeric vertex arrays.
- Does it also extract coordinates from curve commands (C, Q, A), not just straight lines (L)?
- Yes — control points and endpoints inside Bezier curve (C, Q) and arc (A) commands are all picked up and listed too, tagged with their command type so you can tell exactly what each coordinate belongs to.
- Does it also extract coordinates from curve commands (C, Q, A), not just straight lines (L)?
- Yes — control points and endpoints inside Bezier curve (C, Q) and arc (A) commands are all picked up and listed too, tagged with their command type so you can tell exactly what each coordinate belongs to.