Commit 3d02efa
feat(tools): add coordinate picker for SVG polygon creation
Interactive tool for picking coordinates from images to create SVG polygons.
Useful for tracing brand icons and creating precise vector graphics.
Features:
- Load images (JPG, PNG, SVG) via drag-and-drop or file picker
- Zoom controls (50% to 400%) for precise coordinate selection
- Multi-shape support with color-coded markers
- Pin sharing across shapes for shared vertices
- Context menu for pin management (add/remove/delete)
- Live SVG preview and full SVG code generation
- Click-to-copy for individual polygons or full SVG
TypeScript library (src/coordinate-picker.ts) provides:
- State management for pins and shapes
- Coordinate calculations with zoom support
- SVG polygon generation
- Serialization for save/load functionality
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>1 parent 1a3ee82 commit 3d02efa
File tree
7 files changed
+3612
-0
lines changed- tools
- src
7 files changed
+3612
-0
lines changed| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
| 1 | + | |
| 2 | + | |
| 3 | + | |
0 commit comments