Panel Measurement Tool

What it does: measures real-world sizes and positions of features on a flat panel from a photograph. Useful for capturing exact button positions for operator guides, replacement parts, or printable templates.
  1. Set the panel size — real width × height, below.
  2. Snap or upload a photo — then mark four corners (or trace edge-lines for rounded panels) to flatten the perspective.
  3. Trace each feature with rectangles, circles, ellipses, or 4-point shapes. Read live sizes and positions, then export a measurement report (PNG) or a print-at-100% stencil (SVG).
Width (cm)
×
Height (cm)
Enter the real physical dimensions so all measurements in the report are accurate to real life.
— ✎
0/4
Upload a panel photo to begin
Hover over the canvas to zoom
Zoom 8.0×
hover canvas
Click a shape to inspect
Elements: none yet
Phase
Draw
Upload a panel photo to begin

Keyboard shortcuts

Tools

Select
V
Rectangle
R
Square
S
Circle
C
Ellipse
E
Free 4-point polygon
P

Edit

Copy selected shape
CtrlC
Paste (offset +12, +12)
CtrlV
Duplicate in place (+12, +12)
CtrlD
Undo last shape
CtrlZ
Delete selected
DelBackspace
Deselect
Esc

Nudge selected shape

Move 1 px
←↑→↓
Move 10 px
Shift←↑→↓

Export

PNG report — full annotated
⬇ Download report
SVG stencil — 1:1 printable
⬇ SVG stencil
HTML report — interactive toggles
⬇ HTML report