Signature evidence
Capture and replay a signature
Complete the required signature field and submit it. The raw point data, SVG image, and a timed canvas replay appear below.
CaptureSubmit signature evidence
The action unlocks after a hand-drawn signature is complete.
STROKESReplayCaptured evidence
Raw points, timed canvas replay, and the rendered SVG remain independently available.
![Captured signature SVG]()
Ready to tryUse the controls above to interact with this demo.
What this demonstrates
Inspect biometric signature data
A custom signature field can return the captured stroke points, timestamps, and SVG image. The demo replays those points on a canvas to show how the raw evidence can be retained independently of the rendered signature.
API used
TXDocumentViewer.signatures.setSubmitCallback
Key members
The submit callback exposes the captured signature data so an application can inspect or replay the original strokes independently of the rendered signature.
TXDocumentViewer.signatures.setSubmitCallback(result => {
const signature = typeof result === "string"
? JSON.parse(result)
: result;
const lines = signature.signatureLines;
renderReplay(lines);
});
How it works
The Razor helper prepares the browser viewer and its document. Demo-specific JavaScript uses the public TXDocumentViewer API and remains encapsulated with this demo.
NuGet packages
Displays supported document and PDF formats in the browser.
dotnet add package TXTextControl.Web.DocumentViewer --version 34.2.0
Source files
See the implementation
The view, browser behavior, assets, and controller are encapsulated in Demos/DocumentViewer/ESign/RawSignatureData.
