PDF Signer
Draw, type, or upload a signature and stamp it onto a PDF.
PDF Signer stamps a hand-drawn signature onto a chosen page. Draw on the pad (color and thickness adjustable, fullscreen for more room), drag the overlay on the preview to place it, scale it with the Stamp Settings slider, then Sign Document to embed the PNG and download signed_{original}.pdf.
This is a visual signature stamp for approvals and mock workflows — not certificate-based cryptography. Position and size are applied only to the page you are viewing when you sign. Everything runs locally with react-signature-canvas and pdf-lib.
How it works
After load, PDF.js shows the current page. Drawing exports a PNG data URL into settings; the preview overlays it with mix-blend-multiply and clamps the center inside the page bounds.
On Sign Document the tool reloads source bytes, embedPng the signature, converts the normalized top-left position into pdf-lib’s bottom-left coordinate system (accounting for scale), and drawImage on that page. Result downloads as signed_{filename}.
How to use
- Open Sign PDF and drop or click your document.
- Navigate to the target page with the chevrons (“Page X of Y”).
- Set pen Color and Thickness (1–10) under Draw Signature.
- Draw inside the pad (or Fullscreen → draw → Save Signature); Clear to redo.
- Drag the signature on the page preview to the correct spot (stays inside the page).
- Adjust Scale under Stamp Settings (10%–200%, default 50%).
- Click Sign Document and wait for Signing….
- Download signed_{name}.pdf; repeat per page if needed.
Tips
- Default position is page center — drag before signing for margin signatures.
- Blend mode multiply makes the white pad background look transparent over content.
- Sign one page per run; re-sign after download for additional pages.
- Clear the pad when switching signers or styles so old strokes do not linger.
PDF Signer FAQ
Is this a legal e-signature?
It is a visual stamp of a drawn image, not a certificate or qualified e-signature service.
Which page receives the signature?
The page currently shown in the preview when you click Sign Document.
Why is Sign Document disabled?
No signature has been drawn yet, or a save is already running.
How do I resize the stamp?
Use the Scale slider under Stamp Settings (10%–200%).
Can I type or upload a signature image?
The current UI is draw-only (react-signature-canvas). Typed/uploaded signatures are not available yet.
Credits
- react-signature-canvas — Draw signatures on an HTML canvas
- pdf-lib — Embed the signature PNG onto the chosen page
- PDF.js — Page preview for positioning