Signature pad
This module provides a widget for image fields that allows users to draw images using the Signature pad JavaScript library. It supports various image formats, customizable canvas dimensions, and options for pen color and size.
Provides a widget for image fields to draw with the Signature pad js library.
Installation
In the form display of any entity with an image field select the "Signature pad" widget type.
The JS libraries are fetched from the jsdelivr CDN.
Using SVG for images is not well supported in Drupal so ensure your image toolkit supports it, for example Imagemagick.
Features
- Support different image formats (save as svg, png or jpg).
- Choose initial background color.
- Save image raw data (lines and dots) to edit later.
- Configure height, width or aspect ratio for the canvas.
- Require a minimum of strokes to pass validation.
- Enable the user to change pen color with the jscolor picker and pen size.
- Undo button.
Similar modules
Other modules offer a different set of features and they are focused on the original purpose of the signature pad library that is obviously signatures. This modules to allow the user to have more options for drawing simple images.
- Only supports PNG
- Options like the pen color are set when configuring the widget instead of giving the choice to the user.
- Depends on jQuery.
- Images can be displayed with an image formatter and draw over them (the same can be achieved with this module but still requires to configure an image widget instead of a formatter).
- Use a custom field type instead of image fields from Drupal core.
- Same as signature field
- Only for webform elements not Drupal fields.
- Uses an outdated version of signature pad.