Toolvore

Online Drawing Board

Sketch with brushes and colors, then save your drawing as PNG.

This tool runs entirely in your browser. Your data is never uploaded, never stored, and never leaves your device.

A whiteboard and sketch pad in a browser tab: a blank white canvas, 480 pixels tall and as wide as the panel, to draw on with a mouse, a finger or a stylus and save as a PNG.

How to use it

  1. 1Pick a colour from the nine swatches or the picker beside them, and set Size (1–30) for the brush.
  2. 2Draw on the canvas; press Eraser to paint back to white, and Undo to step back one stroke at a time.
  3. 3Press Save PNG to download the board as drawing.png.

Example

Input
Brush size 20, a red stroke, then Eraser dragged across it
Output
A clean band four times the brush width — 80px at size 20 — through the red stroke

The eraser is a white brush rather than true transparency, and it is deliberately four times the width you set. White is one of the nine presets too, so choosing it gives you a fine eraser at the normal brush width. Undo holds at most 25 snapshots, one per stroke, and Clear counts as one — so a wipe can be undone, but a long session eventually loses its oldest steps.

What happens to your data

The board is one canvas element in the page and nothing else: no autosave, no localStorage key, no draft posted anywhere, so closing or reloading the tab loses the drawing outright. Undo works by keeping up to 25 full-canvas ImageData bitmaps in memory, which is exactly why it is capped rather than unlimited, and those go with the tab as well. Save PNG builds a data URL, attaches it to a link element and clicks it in code, so the file reaches your downloads folder without a request being made.

Last updated August 2026

Someone has asked what you mean and words are not getting there. A seating plan, an arrow pointing at the part of the screenshot that is wrong, the shape of a database table, a rough map to the office — each one is thirty seconds of drawing against ten minutes of careful writing. Opening a full illustration application for that is out of proportion, and most of them want an account before they want a stroke.

Work out first whether you want a picture or a diagram, because the two pull in different directions. Freehand strokes are the right shape for anything explanatory and disposable. If what you actually need is labelled boxes that you will move around and revise next week, a diagramming tool keeps them as objects you can drag; here a stroke becomes pixels the instant it lands and cannot afterwards be selected, nudged or recoloured.

The board's dimensions are settled once, when the page loads. The height is fixed and the width is whatever the panel happens to be at that moment, so size your window before you start rather than after — widening it later stretches what is already drawn instead of handing you more room, and the same sketch saves at different pixel dimensions on a phone and on a laptop.

The other thing to know early is that the sheet is genuinely white rather than empty. That is what makes erasing possible at all, and it is also why the image you save has an opaque white background — fine in a message or a document, wrong for anything you meant to lay over a photograph.

How it works

Toolvore draws on a single HTML canvas element in the page. The browser reports the pointer — mouse, finger and stylus alike, through one set of pointer events — and each report draws a straight line from the previous position to the current one, with rounded caps and joins so consecutive segments meet without a visible corner. Curves are therefore an illusion assembled from very short straight lines, and a fast stroke shows the seams. Pressure is reported by pens but never read, so a stylus lays down the same even width a mouse does. Only one pointer is tracked at a time, so a second finger landing on a tablet takes over the stroke in progress rather than being ignored — nothing here recognises a palm and discards it. Screen positions are scaled into the bitmap's own coordinates, which is why drawing still lands under your cursor in a window that has been resized, even though the strokes themselves look stretched. And because each stroke is painted into the bitmap immediately, nothing survives as an editable object: undo is the only way back, and there is no redo to reverse an undo.

Common use cases

  • Sketching a seating plan or room layout to send in a message
  • Marking up a rough workflow while explaining it on a call
  • Drawing a quick diagram to paste into a bug report or a ticket
  • Handing a child a blank board on a tablet without installing an app
  • Working out a shelf or garden bed layout before taking measurements
  • Adding a hand-drawn arrow or circle to point at something in a chat
  • Practising letterforms or a signature shape with a stylus

Frequently asked questions

Does anything I draw get uploaded to a server?

No, and there is nothing in the page that could. The board is a canvas element sitting in your own tab, painted by JavaScript running on your machine, and no request is made when you save either — the image becomes a data URL, gets hung on a link element and is clicked in code, so the file goes straight to your downloads folder without leaving the device. The undo history is a stack of bitmaps held in that same tab's memory. There is no account and no upload step, which also means nobody can recover the drawing for you once the tab is gone.

How do I get a drawing with a transparent background?

Not from a sheet that has been painted white, and this one is filled with white before you touch it. PNG does support transparency — it carries an alpha value per pixel — but that has to be preserved from the start, which means never filling the background and erasing by clearing pixels rather than painting over them in white. Since the board does the opposite, the saved file is opaque throughout. To lay a sketch over a photograph, remove the white in an editor afterwards, and expect a pale fringe around every stroke where the anti-aliased edges were blended against the background they were drawn on.

Is a drawing made in a browser good enough to print?

Rarely, and the arithmetic is quick. The board is 480 pixels tall whatever your screen, and print is usually fed at 300 pixels per inch, putting that height at about 1.6 inches — a little over four centimetres on paper. At 150 dpi, acceptable for a rough internal handout, you get about eight. The width is better, since it follows the width of the panel, but the proportion is fixed. Enlarging the image in a printer dialog adds no detail; it makes the pixels bigger and the edges softer. Anything that has to print at a real size wants to be drawn as vectors instead.

Can I use a stylus or a graphics tablet in a browser?

It will draw, yes. Pointer events are a single API covering mouse, touch and pen, so an Apple Pencil, a Wacom tablet or a bare finger all reach the page the same way, with no driver or special mode involved. What a pen normally buys you is the extra data it reports — pressure, tilt, sometimes barrel rotation — and a page has to read those deliberately to do anything with them. This one does not, so a hard press and a light one give the same line, and thickness comes only from the Size slider. If varying stroke weight is the point of the drawing, a native tablet application is the honest answer.

Why do my lines look angular or jagged when I draw quickly?

Because a stroke is not recorded as a curve. The browser reports the pointer's position periodically, roughly once a frame, and the drawing is a straight line from each reported point to the next. Move slowly and those points sit close together, so the joins are invisible. Whip the pointer across the board and the gaps grow, and you see them as flat sections and corners. Rounded joins hide some of it and a thicker brush hides more, since a wide round stroke blurs the angle where two segments meet. Drawing a long curve as one continuous movement, rather than several stabs, does more than anything else.

Should I be drawing this as a PNG or an SVG?

It depends on whether the drawing is finished. A raster image such as PNG is a grid of coloured pixels: it records how the drawing looked and nothing about how it was made, so no line can later be selected, recoloured or thinned, and enlarging it enlarges the pixels. A vector file such as SVG stores strokes as maths, scales to any size cleanly, and keeps every line as an object you can edit. Vectors suit logos, icons, diagrams and anything heading for print at an unknown size. Pixels suit a quick explanatory sketch that is going into a message and will never be reopened.

Can two people draw on the same board at the same time?

Not here — this is one canvas in one tab with no network connection behind it, so there is nothing for a second person to join. Shared whiteboards look similar and are a far larger piece of engineering: a server holding the document, a channel streaming each stroke to everyone else within a few tens of milliseconds, and a rule for what happens when two people edit the same region at once. That is why the collaborative ones ask you to sign in and the solo ones do not. If you only need somebody to watch you draw, sharing your screen on a call you are already in is quicker.

Why is drawing with a mouse so hard, and how do I get steadier lines?

A mouse is a poor pen because your wrist is making a different movement from the one it knows, and a trackpad is worse because the contact keeps breaking. Some things genuinely help. Draw from the elbow in one confident sweep — hesitation shows up as wobble, speed does not. Use a bigger brush, since a thick stroke hides tremors that a one-pixel line advertises. Build a long curve from a few long strokes rather than many short ones. Use undo freely, because a bad stroke is cheaper to redo than to patch. If you draw often, even an inexpensive graphics tablet changes the job entirely.