UI5 library Signature control

A common scenario in Business applications for web is to draw signature or show signature on the screen. I couldn’t find any control in UI5 library for this, so created a signature control.

Source code: https://github.com/kvsrikanthj/ui5-library-Signature

Sample: https://ui5lab.io/browser/index.html#/Samples/ui5.sign/Sample/ui5.sign.Signature.Signature

Sample control is hosted on UI5Lab

UI5 Signature control internally uses d3 library so that it can provide smooth curvature to the mouse pointers.

With this control there is an option to change background color, pen color, pen size and disable the control for user input.

Convenience methods getSVGString can be used to retrieve the generated SVG path based on user input and setSVGString is helpful in setting the SVG string onto the screen.

More about the control API/properties can be found here.

Refer to this documentation on how to consume the library.

https://blogs.sap.com/2018/04/06/consume-libraries-from-ui5lab/

or

https://ui5lab.io/docs/#/how_to/consume_library