Overview
The Drawing Pad is a fully featured browser-based canvas supporting seven drawing tools (Pen, Brush, Line, Rectangle, Circle, Fill, Eraser), four brush sizes, opacity control, a color palette with custom color picker, unlimited undo, and PNG export. It also works on touchscreen devices.
How to Use
Select a tool from the toolbar. Choose a color from the swatches or click the color wheel for a custom color. Adjust opacity with the slider. Draw on the white canvas using mouse or touch. Use Undo (↩) to step back through your drawing history (up to 30 steps). Clear (��) wipes the canvas. Save (⬇) downloads your drawing as a PNG file with the white background preserved.
Background & Context
Browser-based canvas drawing became possible with the introduction of the HTML5 <canvas> element in 2004, which provided a pixel-level drawing API directly in the browser. This enabled rich drawing applications without plugins. Professional tools like Figma and Canva are built on similar canvas technologies. Pressure-sensitive drawing tablets can connect to browsers via the Pointer Events API.