Quantcast
Channel: SCN : All Content - All Communities
Viewing all articles
Browse latest Browse all 3323

Signature Capture Control in SAPUI5 using HTML5 Canvas

$
0
0

Recently I had been asked, if it is possible to capture user's signature on mobile device and store it on the server. It is of course possible to do so using some open source tools such as "szimek/signature_pad · GitHub". What would be interesting to know is how do we integrate it seamlessly with SAPUI5?

 

Here is a SAPUI5 custom control wrapper around the Signature Pad, which can make it easy for you to use this in your respective SAPUI5 / Fiori applications.

 

The demo can be seen here https://jsfiddle.net/rahulchoudhary/a3pz4go5/

 

Screen Shot 2016-01-05 at 10.12.33 AM.png

 

If you dont want to use open source tools, you can still create your very own implementation using SAPUI5 custom control by attaching mouse / touch listeners to the canvas elements.

 

This dirty demo was wrote in a hurry to help a colleague hence there could be lack of code comments explaining few things. Feedback is always welcome to improve the implementation.


Viewing all articles
Browse latest Browse all 3323

Latest Images

Trending Articles



Latest Images

<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>