Draw your signature on a smooth canvas and export as transparent PNG for documents.
The pad gives you a blank drawing area sized for a signature. Press and drag with a mouse, finger, or stylus, and your strokes render as ink on the canvas. Export produces a PNG whose background is transparent, so the signature sits on a document page the way real ink does, with no white box around it. The thing most people get wrong: the on-screen canvas is often displayed much larger than the pixel grid the export actually uses, so the saved image can come out smaller and softer than what you drew. The drawing stays entirely in the browser; nothing is uploaded.
A concrete input and expected output from the current implementation.
Input
Press and drag once across the canvas, from the left edge to the right edge, then release.
Expected output
A PNG file containing exactly one horizontal ink-colored stroke that follows the drag path from the left edge to the right edge. Every other pixel is transparent, so the image has no background color and shows up on any page color.
Each press-and-drag gesture produces one stroke drawn along the pointer's path, and the export keeps all untouched pixels transparent. One drag therefore yields a single stroke with no background.
Drawing happens while the pointer is held down. As you drag, the pad lays down a continuous stroke that follows the pointer, and lifting ends the stroke. A signature is built stroke by stroke, and because the ink is a single color, overlapping strokes merge visually into one continuous line. A clear control wipes the canvas so you can start over before exporting.
Export saves the drawing as a PNG at the canvas's pixel resolution, which is fixed when the pad loads and does not depend on how large the canvas appears on screen. On high-density displays the on-screen drawing can look several times bigger than the exported file. The background stays transparent in the file, so the document page behind the signature shows through, and the ink prints as a normal black line.
The PNG is exported at the canvas's fixed pixel resolution, while the canvas is usually stretched on screen to fill its container, so the two sizes rarely match. The file shows the true pixel size; what you saw was a magnified view. If the signature looks soft next to typed text, it is being scaled up. Draw larger, or accept the smaller size.
No. The pad produces a standalone PNG image; it does not attach the signature to any document or form. You export the image and insert it yourself in whatever editor you use. If you want a workflow that stamps signatures onto documents end to end, an e-signature service does that, with identity checks and audit records the pad cannot provide.
The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.
Convert between bytes, KB, MB, GB, and TB with precise binary and decimal calculations.
Open, view, and edit CSV files in a spreadsheet-style table with sorting and filtering.
Visualize JSON data as a collapsible tree with syntax highlighting and search.
Generate Code 128, EAN, UPC, and other barcode formats with customizable size and labels.
Convert images to Base64 data URLs and decode Base64 strings back to images.
Generate Apache .htaccess redirect rules for 301, 302, and rewrite configurations.