SVG Vector Editor

Edit SVG paths on the canvas with full cubic-Bézier anchors — drag handles in mirror, asymmetric, or corner modes; supports subpaths and closing.

Where: Canvas → select a <path> element → SVG edit mode — Select a vector path to open the anchor editor

Key ideas

• Anchors & handles: Each anchor has incoming/outgoing control handles; smoothness is mirror, asymmetric, or corner.
• Cubic normalization: All segments are normalized to cubic Béziers (arcs/quads converted on parse).
• Subpaths: M (move), Z (close), C (cubic) — multiple subpaths per path.

Steps

1. Select a path element and enter SVG edit mode.
2. Drag anchors and their handles to shape the curve.
3. Switch handle smoothness (mirror/asymmetric/corner) as needed.
4. Close a subpath with Z or start a new one.