I would like to add the a date and time stamp on the image captured by the camera plugin. I need to use only client side actions as the application will not always have an internet connection.
Try this plugin, it'll help you to solve your problem
https://www.outsystems.com/forge/component-overview/9104/image-watermark
I have looked at it but I need to insert the watermark before the image is saved which is before I show it on the page. So I need to add the watermark to the binary data. I have tried the following but it isn't working.
var ifrm = document.createElement("iframe");ifrm.setAttribute("id", "waterMarkedImage");ifrm.setAttribute("src", $parameters.ImageBinaryData);ifrm.style.width = "800px";ifrm.style.height = "600px";document.body.appendChild(ifrm);$(function() { $("#waterMarkedImage").watermark({ text: $parameters.TimeStamp, textWidth: 500, textSize: 11, gravity: 'se', opacity: 1, margin: 10 }); $resolve();});$parameters.WaterMarkedImage = document.getElementById('waterMarkedImage').innerHTML;$resolve();