1. What does this tool do
This free online painter lets you draw on a canvas with a brush, shapes, eraser, and text. Use it as an online drawing tool or canvas painter for quick sketches, diagrams, or annotations. Choose a background color and export your work as PNG—no sign-up, no upload. All in your browser. Ideal for sketches, diagrams, annotations, or use on any device without installing drawing software.
2. How to use it
Quick start: Choose a canvas size (fit to view or a preset), select a tool (brush, shapes, eraser, text, or hand to pan), draw on the canvas, set background, then download as PNG.
- Canvas size — Choose "Fit to view" (canvas fills the screen) or a fixed size (e.g. 1920×1080, A4, or custom width×height). The canvas can be larger than the screen; the area outside the canvas is shown in a different color so the drawable region is clear when zoomed out.
- Select a tool — Brush (freehand), Shapes (dropdown: line, rectangle, circle, triangle, rounded rectangle, star, arrow), eraser, text, or hand (pan/grab) to move the canvas when it is larger than the view.
- Draw — On the canvas, draw with the brush, add shapes, erase, or place text. Use the brush size dropdown (presets XS–L or custom pixels) and the stroke color button (opens a palette with presets and custom color) to adjust appearance. Use the hand tool to drag the canvas when using a fixed size and zoom.
- Background — Set the canvas background color before or during drawing.
- Download — Save the canvas as a PNG file. Use "Download" or "Export" (wording may vary).
3. How it works
The canvas is an HTML5 canvas (2D). Drawing is done with canvas API calls (paths, shapes, fill, stroke). The image is exported by reading the canvas data and creating a PNG blob, then triggering a download. All processing is client-side in your browser; no image is sent to a server. No data is sent to any server.
4. Use cases & examples
- Sketches — Quick doodles or wireframes.
- Diagrams — Simple flowcharts or boxes and arrows.
- Annotations — Mark up a concept or screenshot (paste or load if the tool supports it).
- No install — Draw on any device with a browser.
Example
- Brush: draw a curve. Shapes: add a rectangle and a circle. Text: add a label. Download → one PNG with all elements.
5. Limitations & known constraints
- Single layer — Typically one canvas layer; no layers like in advanced editors.
- No vector export — Output is PNG (raster); no SVG or vector format unless the tool adds it.
- Session — The tool saves a draft to localStorage while the site is open; drafts are cleared when you close all tabs. Use Download to keep a permanent copy.