0% found this document useful (0 votes)
148 views2 pages

UI5 Signatures

A signature control was created for UI5 as no control existed to draw signatures or show signatures on screen in business applications. The UI5 signature control uses the d3 library to provide smooth curvature to mouse pointers when drawing. It allows changing the background color, pen color, pen size, and disabling input. Methods getSVGString and setSVGString retrieve and set the generated SVG path. Documentation on the control API and consuming the library from UI5Lab is also provided.

Uploaded by

JORGE
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
148 views2 pages

UI5 Signatures

A signature control was created for UI5 as no control existed to draw signatures or show signatures on screen in business applications. The UI5 signature control uses the d3 library to provide smooth curvature to mouse pointers when drawing. It allows changing the background color, pen color, pen size, and disabling input. Methods getSVGString and setSVGString retrieve and set the generated SVG path. Documentation on the control API and consuming the library from UI5Lab is also provided.

Uploaded by

JORGE
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

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

You might also like