smooth-signature-pad
Reactive icon

Smooth Signature Pad

Stable version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 6 Apr (16 hours ago)
 by 
0.0
 (0 ratings)
smooth-signature-pad

Smooth Signature Pad

Details
An signature component focused on extreme smoothness. It uses dynamic line width and Bezier interpolation to generate natural, professional signatures with zero lag. Exports directly to Base64 image data.
Read more

The SmoothSignaturePad was built to solve the "jagged line" problem common in standard digital signature tools. By moving away from simple line-segment drawing, this component brings a high-end feel to your mobile and web applications.

Key Features:

  • Smoothing: Uses Quadratic Bézier curves to interpolate points, ensuring that even quick movements result in perfect, rounded curves instead of sharp angles.

  • Variable Stroke Pressure: Simulates a real pen by calculating the speed of the gesture. Fast movements produce thinner lines, while slower, deliberate movements result in bolder strokes.

  • Retina & 4K Support: Automatically scales the internal drawing surface to the device's pixel density (window.devicePixelRatio), ensuring signatures look sharp on high-end smartphones and tablets.

  • Ultra-Lightweight: No external libraries (No jQuery, no SignaturePad.js). Pure, optimized JavaScript for maximum performance and zero conflicts.

  • Cross-Platform: Full support for Mouse, Stylus, and Multi-touch events with built-in scroll prevention during signing.

Release notes (1.0.0)
License (1.0.0)
Reviews (0)
Team
Other assets in this category