Online Sketchpad

🔒 Local only Drawing & CAD

Draw freehand with brush color, size, eraser, undo, clear, and PNG export.

Online Sketchpad is a simple local drawing canvas. Choose a brush color and size, toggle the eraser, undo the last stroke, clear the canvas, and export your drawing as a PNG image.

Tool area

All strokes are processed locally in your browser.

Worked example: the undo limit and brush size range

The canvas is internally fixed at 960 by 560 pixels. Regardless of how wide it displays on screen, mouse or touch coordinates are converted back to this fixed size, so a line drawn on a small phone screen maps to the same internal coordinates as one drawn on a large desktop screen, and the exported PNG is always 960 by 560.

Undo remembers at most 30 steps: after every completed stroke, the tool saves the whole canvas as a PNG snapshot in its history. Past 30 snapshots, the oldest one is dropped, meaning clicking "Undo" more than 30 times in a row can no longer bring back the earliest strokes.

  • The brush-size slider ranges from 1 to 48 pixels, with a live readout next to it such as "8 px".
  • Undo tracks the "most recent 30 canvas snapshots," not the "most recent 30 pointer movements."

How to verify before exporting, and the split with Flowchart Maker

To verify before exporting, click "Export PNG," reopen the downloaded image, and confirm the stroke position, color, and thickness match what was on screen. If the drawing needs to sit on a colored background later, note that this tool cannot output a transparent background, so a separate background-removal step is needed.

If what is needed is a diagram with directional arrows and double-click-editable text rather than freehand drawing, this site's Flowchart Maker offers draggable rectangle and diamond nodes. Both export PNG, but sketchpad strokes are not objects — once drawn, they are plain pixels with no way to edit the text or position of a single stroke afterward.

How to use

  1. Pick a brush color and adjust the brush size.
  2. Draw on the white canvas with a mouse, trackpad, finger, or stylus.
  3. Turn on the eraser when needed, and use undo to remove the previous stroke.
  4. Export PNG to download the current canvas.

Use cases

  • Make quick sketches, signatures, annotations, classroom whiteboard notes, or sticker ideas.
  • Capture simple shapes and thoughts from a phone or tablet.
  • Export a PNG for documents, slides, chat, or notes.

Who is it for

  • Users who need a quick freehand sketch, signature, or annotation
  • Teachers creating classroom whiteboard-style diagrams
  • Users capturing quick ideas from a phone or tablet

Real examples

Sketch a classroom diagram by hand

Use different brush colors to sketch a simple seating chart or concept diagram, undo the last stroke if it goes wrong, then export a PNG for a slide. The canvas is internally fixed at 960 by 560 pixels, so the exported image is the same size no matter how wide the screen is.

Capture a quick shape from a phone

Touch coordinates are converted back to the fixed internal resolution based on the canvas's current display width, so a line drawn with a finger on a small phone screen still maps to the same coordinate set and does not shift or distort across devices.

Good to know

  • Undo history keeps at most 30 steps; beyond that, the oldest strokes can no longer be undone and only "Clear" starts over.
  • The eraser paints white over strokes rather than clearing to transparency; the exported PNG always has an opaque white background.
  • There are no objects or layers here — once drawn, it is a flat pixel image, and no individual stroke can be moved afterward.

FAQ

Does the sketchpad autosave?
No. Export a PNG before leaving the page. Reloading or closing the page usually removes the drawing.
Does the eraser create transparency?
No. This tool uses a white canvas, so the eraser paints white over strokes and the exported PNG has a white background.
Does it work on mobile?
Yes. The canvas uses Pointer Events, so drawing usually works with touch and stylus input.

Privacy & local processing

🔒 This tool runs entirely in your browser. No data is uploaded to any server.

Your drawing stays in the browser canvas. PNG export is generated locally and the image is not uploaded.

Trust & usage note

This tool runs mainly in your browser. Your input is not actively uploaded to a server. Avoid entering highly sensitive data. Results are for reference only.

Last updated:

Embed this tool

Get updates

New tools and practical tips, straight to your inbox. No spam, unsubscribe anytime.