Drawing Pads

Signature Pad, Whiteboard, Doodle Pad, Rule of Thirds Grid and Golden Spiral Overlay

Pages you can draw on straight away, without an account, a download or a login. Each one opens with a blank canvas that responds to a mouse, a finger on a touch screen or a stylus, with Undo and Clear buttons and two download options: a PNG at double resolution for pasting into documents, and an SVG that keeps every stroke as a scalable path for editing in Inkscape, Illustrator or Figma. The pads differ in what sits behind and around the strokes: a transparent background for a signature, a grid for a whiteboard, coloured paper for a doodle and your own photo for the composition overlay.

Most used this week

Every Drawing Pads tool

How the pads work

Every pad records your pen movements as a list of strokes, where each stroke is a series of points with a width and a colour. The canvas you see is a live rendering of that list, which is what makes Undo possible: the last stroke is dropped from the list and the picture is redrawn. It is also why the SVG download is more than a picture of the screen. The strokes are written out as path elements with round line caps and joins, so the file can be opened in any vector editor and the lines can be recoloured, thickened or moved individually.

The PNG download renders the same list at twice the on-screen size so that it stays crisp when placed on a page or scaled in a document. On the photo overlay page the PNG is rendered at the photo's own pixel size instead, so the guide lines and any marks you draw sit on the full-resolution image rather than a screen-sized preview.

Pen, touch and pressure

The pads listen to pointer events, which is the browser's single interface for mice, touch screens and styluses. A stylus that reports pressure, such as an Apple Pencil, a Surface Pen or a Wacom tablet, changes the stroke width on the signature pad and the doodle pad; a mouse or finger gets a speed-based width instead, thinner on fast strokes and thicker on slow ones, which is the same trick paper-signature scanners use to look natural. Scrolling is disabled while your pointer is over the canvas so that a finger drag draws rather than scrolls the page.

Privacy

Nothing on these pages talks to a server. The signature you draw and the photo you drop are held in the browser's memory and discarded when you leave, so the pads are safe to use for signatures on contracts and for photos you have not published.

Explore other categories