Write Text in image while capturing

0
After capturing image, while saving, I need to write some data (text format) in the image. is it possible to do? could someone guide me
asked
2 answers
0

Hi Jagan,

 

As far as I know, there is no solution readily available. But, you need to apply some custom logic or create a custom widget for this requirement.

 

To do this, without custom widget:

1. After capturing the image, place this image in a container(with proper name for container) where the css are applied as mentioned in below documentation;

https://www.w3schools.com/howto/howto_css_image_text.asp

 

2. Create a JS action that returns specialization of System.Image and place below code.

html2canvas(document.querySelector(containerName)).then((canvas)=>{

return Canvas2Image.saveAsPNG(canvas);

 

Note: it should receive container as parameter.

 

3. In the page, create a button which calls a nanoflow. This nanoflow should call the js action that mentioned in step 2 and commit the object. This step will save the image with text mentioned in Step 1.

 

answered
0

2. Create a JS action that returns specialization of System.Image and place below code.

html2canvas(document.querySelector(containerName)).then((canvas)=>{

return Canvas2Image.saveAsPNG(canvas);

 

Note: it should receive container as parameter.

 

What do you meant by canvas?

answered