Handwriting

Canvas input for mouse / finger input of data

This plug-in makes the Signature Pad library available for use as an Editor field. This allows a user to draw on a canvas using their mouse, finger or other input (depending on their computer).

The data is stored as a data URL, which can then be stored in a database as a string. It also makes it easy to show the resulting image in a DataTable using an img tag.

Plug-in configuration and API

Options

This field type supports the following options, in addition to the default field-options configuration:

  • object height: Canvas height - defaults to 75 if not given
  • object opts: Options passed directly to the Signature Pad configuration object. Please refer to the Signature Pad documentation for the full range of options.
  • object width: Canvas width - defaults to 300 if not given

Methods

This plug-in does not provide any additional methods over those available for the all fields (see field()).

License required

The Editor plug-ins are available to download for licensed users of Editor only. If you already have an Editor license, please . Otherwise, an Editor license can be purchased to be able to access the plug-ins.