bellger.blogg.se - Html5 signature pad

Rendering of strokes differs per browser's capabilities, efficiency of the device, screen size. Capture of data is always same - we capture as many movement coordinates as possible. Real-time jSignature renders only the device-appropriate "prettiest" approximation of what we capture.

Same signature can be rerendered using variety of postproduction filters (scale, colorize, thicken etc) to improve presentation on printed media, small screens etc. We fall back on Flash-based Canvas element emulator (FlashCanvas) when actual Canvas is not supported by the browser (Internet Explorer v.8 and lower).Īll signature data is captured and stored internally as vectors. Ingenious line smoothing (pixel de-noising + curve fitting) and pressure simulation techniques were put together specifically for jSignature.Īll major desktop, tablet and phone browsers are supported.

Although jSignature can export great bitmap (PNG) too, extraction of highly scalable stroke movement coordinates (aka vector image) of the signature allows much greater flexibility of signature rendering.Īn extra effort is made to make the strokes look pretty on the screen while these are drawn by the signor. JSignature captures signature as vector outlines of the strokes.

Automatically adapts to your page’s layout and colors.

Allows manipulation of signature strokes, like “Undo last stroke”.

Captures signatures as smooth vector images.

Works in all mainstream browsers that support Canvas or Flash.

JSignature is a JavaScript widget (a jQuery plugin) that simplifies creation of a signature capture field in a browser window, allowing a user to draw a signature using mouse, pen, or finger.