| Type | Hide | Stroke color | Stroke width | Fill color | Open | Radius | Points | Actions |
|---|
Hex dump
Base64
This is a graphical editor for PDC binary vector images, format used by Pebble smartwatches. Developed to make fonts for Naive watchface (Reddit). Complete disregard for UI/UX is a direct result of making this just for myself in 3 days. It's a single HTML file with no dependencies, released under GPL-2 license. You can save it and use offline, host on your server, read source and modify according to license.
Upload PDC file or create one from scratch. Set file name and define file format to start. Viewbox control canvas size. Use Add path, Add circle and Add precise buttons to add new commands to PDC which content is displayed in table. Select point with left mouse click. Last selected point is used as active point. In precise paths points with sub pixel position are indicated by red border.
Website URL always reflects state of current image because it stores Base64 of PDC binary in data query parameter.
Copy and share URL to give someone the same PDC image as you have it.
Use back/forward browser history buttons to undo/redo changes.
Mouse left button clicks inside canvas will select closest point, or deselect it if already selected.
Shortcuts work only when mouse cursor is inside canvas.
| Key | Description |
|---|---|
| Arrows | Move selected points by grid distance |
| = | Increase scale |
| - | Decrease scale |
| ] | Increase grid |
| [ | Decrease grid |
| 1-9 | Set grid size |
| 0 | Hide grid |
| s | Select or deselect all |
| a | Add new point after active point |
| Delete, Backspace | Delete selected points |
Find me on Rebble forum or send an email to irek at gabr dot pl.
My watchfaces created using PDC Editor: