Buddy Code
Create account ↗
All tools
Free to use · No sign-up

SVG path editor

Edit vector endpoints and control points, scale or move a path and export SVG with bounds.

Paste path data only, not SVG markup. Up to 500 segments. Arcs become cubic curves; relative and shorthand commands become absolute. Edit endpoint and control-point coordinates below the preview.

What it does

Edit vector endpoints and control points, scale or move a path and export SVG with bounds.

How to use it

  1. Paste a path d attribute, up to 20,000 characters / 500 segments; choose scale and translation.
  2. Open the path, edit coordinate fields beneath the preview and export SVG or path JSON.
  3. Processing stays in this browser. No sign-up or upload.

Example

Moving M 0 0 L 10 10 by x=5 produces M 5 0 L 15 10.

Methodology

svgpath normalizes relative and shorthand commands and converts arcs to cubic curves. The browser measures geometric bounds excluding stroke.

Limitations

Single path only; no full SVG markup, styles, layers or boolean operations. Arcs are approximated as cubic curves. Coordinates and transformation magnitude are bounded.

Automation

This tool runs in your browser. No upload API or MCP endpoint is available.

View capabilities and documentation

Reference updated

Join the conversation

Helpful tips, questions, and ideas for making this tool better.

Loading discussion…