Signature Drawing Tool

Create a digital signature in seconds. Draw on the canvas below using your mouse, stylus, or finger, then download it as a transparent PNG ready to paste into documents or emails.

Your drawing stays in your browser — nothing is uploaded.

Ink color for your signature
1 px (fine) to 10 px (bold)
Background color for download
Draw your signature above

How It Works

The tool uses the HTML5 Canvas API and Pointer Events to capture your drawing. When you press the pointer down, a new stroke begins; as you move, points are recorded and drawn as a smooth continuous path using quadratic Bézier curves.

Each completed stroke is stored in a history stack, which enables the undo function — pressing Undo removes the most recent stroke and redraws all remaining strokes from scratch.

For the download, an offscreen canvas is created. If you choose the transparent background option, the offscreen canvas starts completely empty (alpha = 0). Your strokes are composited onto it, and the result is exported via canvas.toBlob('image/png'). PNG is the only common web image format that supports full alpha transparency, making it ideal for signatures overlaid on documents.

If you choose a white background, the canvas is first filled with white before the strokes are drawn.

Pointer Events are used instead of Mouse Events because they also fire on touch screens and stylus devices, giving smooth input on phones, tablets, and drawing tablets alike.

Frequently Asked Questions

Will my signature have a transparent background?

Yes, by default the PNG is downloaded with full transparency, so your signature can be placed over any coloured background in Word, Google Docs, or image editors. You can toggle to a white background using the option above the canvas if you prefer.

Can I use this signature in emails or contracts?

Yes for visual signatures on scanned PDFs or letter images. A drawn PNG is a visual representation and is widely accepted for informal documents. For legally binding e-signatures (DocuSign-style), use a certified e-signature platform that provides an audit trail.

How large is the downloaded file?

A 600×200 transparent PNG with a typical handwritten signature is usually 5–30 KB depending on stroke complexity. PNG compression is lossless, so quality is not affected by file size.