gizmobench

Online Protractor

A protractor you can put on a picture. Open a photo, or drop one on the stage, and three points appear: a vertex and two ray handles. Put the vertex on the corner you want and a handle along each edge, and the angle reads out to a tenth of a degree, with its reflex, the same angle in degrees, minutes and seconds, and the vertex position in the picture's own pixels. The reading is the angle as it lies in the image, which is what a protractor held against a screen would give you, and the page says so beside every figure rather than implying a precision the method does not have. Everything happens in your own browser: the picture is decoded here, never uploaded, and there is no size limit because there is no server to hold one. Snap holds both rays to whole multiples of 1, 5 or 15 degrees when you want an exact figure, the arrow keys turn a ray a degree at a time when a drag will not sit still, and Save PNG writes the picture back out at its own resolution with the rays, the arc and the angle drawn on it.

60.0°
Angle
60.0°
reflex 300.0° · vertex 480, 280 · image plane
Angle
60.0°
an acute angle
Reflex
300.0°
Vertex
480, 280
canvas pixels
Snap

Measuring on the blank grid. Open a photo, or drop one on the stage, to measure an angle in a picture.

Press or tap anywhere on the stage to bring the nearest of the three points to it, then drag. With a point focused, the arrow keys move it: left and right turn a ray by a degree, up and down make it longer or shorter, and shift with an arrow takes a bigger step. Snap holds both rays to whole multiples of 1, 5 or 15 degrees. Nothing you open here leaves your browser.

  • Two raysfrom the vertex you placed
    60.0°, an acute angle
  • Reflexthe other way round the vertex
    300.0°
  • Degrees, minutes, secondssnap off, the rays sit where you put them
    60° 00′ 00″
Accuracy. Exact trigonometry on the two rays you place, to a tenth of a degree. It measures the angle as it appears in the image plane, so a photograph taken at an angle to the surface will not give the angle of the real object. The angle is the one between the two rays as they lie in the picture, so it is exact for anything flat and square to the camera: a drawing, a screenshot, a plan, a photo taken straight on. Two things are worth watching. A ray only a few pixels long carries the error of a single pixel into the reading, so drag both handles well out from the vertex. And a wide lens close to the subject bends straight lines near the edges of the frame, which moves the angle you measure there.

Common questions

How do I measure an angle on a photo?
Press Open a photo, or drop the file anywhere on the dark stage. Three points appear: the vertex, and the two ray handles marked A and B. Press or tap anywhere on the stage and the nearest of the three jumps to that spot, which beats dragging across a large picture, and from there you can drag it to fine tune. Put the vertex on the corner you are measuring, lay handle A along one edge and handle B along the other, and the angle, its reflex and the vertex position update as you move.
How accurate is a protractor on a screen?
The arithmetic is exact. The angle is the arctangent of the cross product against the dot product of the two rays, which stays precise at both ends of the scale where the cosine formula loses digits, and it is reported to a tenth of a degree, finer than a printed protractor is marked. What limits the reading is where you put the handles. A ray only a few pixels long turns a one pixel slip into a degree or more, so drag both handles well out from the vertex. Zooming in does not change the angle, because the angle between two rays does not depend on the scale they are drawn at, but it does let you land a handle on the pixel you actually meant.
Why does the angle not match the real corner in my photo?
Because a photograph is a flat projection of a solid scene. If the camera was not square to the surface, that surface is foreshortened, and foreshortening changes angles: a corner that is a true right angle can measure 53 degrees in a photo taken from the side. This tool measures the angle as it appears in the image plane and never claims otherwise. For the reading to be the angle of the real object, the surface needs to be flat and the camera roughly square to it, which is the ordinary case for a drawing, a screenshot, a plan or a photo taken straight on.
What is the reflex angle it shows?
The angle measured the other way round the vertex. The two always add up to 360 degrees, so an opening of 62.4 degrees has a reflex of 297.6 degrees. It sits beside the main reading, and the Show and Hide buttons in the Reflex cell control it. That choice is remembered in this browser for next time.
Can I measure an angle without a photo?
Yes. The tool opens on a blank grid with a 60 degree angle already set, and everything works the same way. It is the quick way to check an angle you have on paper against the screen, or to see what a given number of degrees actually looks like: set snap to 15 degrees and swing a ray around the dial. Pressing Blank grid after opening a photo goes back to it.
Does it work with a keyboard, or on a phone?
Both. Tab to any of the three points and the arrow keys take over: left and right turn that ray one degree around the vertex, shift with an arrow turns it ten, and up and down make the ray longer or shorter. On the vertex the arrows move it a pixel at a time, ten with shift. On a narrow screen each handle is a 44 pixel target, and a tap brings the nearest of the three points to your finger.
Does my picture get uploaded anywhere?
No. The file is decoded by your own browser from a local reference and drawn on the page. There is no server in this tool, no account, and nothing about the picture, the file name or the angle goes to analytics. It is also why no size limit is imposed: the only ceiling is the memory your device can give the tab, and a very large file gets a note saying so rather than a refusal. The one thing kept is your snap and reflex choice, in this browser's storage, and the Start over button above the tool clears it.
Can I save or copy the measurement?
Two ways. Copy puts a single line on the clipboard: the angle, the reflex, the same angle in degrees, minutes and seconds, the vertex position and the note that it was measured in the image plane. Save PNG writes the picture back out at its own resolution with both rays, the arc and the figure drawn over it, named after the picture and the angle, for example beach-photo-62.4-degrees.png. On the blank grid the PNG is the grid with the angle on it.
What does the snap setting do?
It holds each ray to a whole multiple of 1, 5 or 15 degrees, which makes the angle between them a multiple of that step as well. A pair of rays sitting near 58 degrees reads exactly 60.0 with a 15 degree snap, and the handles move to show where that is. Snap is off by default, so the rays stay exactly where you put them, and the Snap cell shows which step is on.

Exact trigonometry on the two rays you place, to a tenth of a degree. It measures the angle as it appears in the image plane, so a photograph taken at an angle to the surface will not give the angle of the real object.