Android Question Component to draw on images (for B4A and B4I)

[DBernaert]

Hi,

For a customer that is active in the construction and placement of aluminium windows i need to create an app that allows to take images on the road.
For each image, it should be possible to draw on it with the finger and save the image including the drawing to a new image.
These images should then be send to our web application using a rest api (base64).

Is there a component available that allows taking pictures and drawing on it?

Brand new here.

Thank you,
Bernaert Dominique

 

[josejad]

Hi:

Maybe you can use AS Draw from @Alexander Stolte

[B4X] [XUI] AS Draw (FabricView and CanvasView)

Hello, 2 years ago i already had the idea of this view, but I failed in some places, but now I have taken up the challenge and the result is impressive. Inspired by @Johan Schoeman FabricView and CanvasView. Features cross-platform compatible set a background image draw, erase or draw lines...

www.b4x.com

 

[DBernaert]

Thank you very much, i will try it out.

 

[Erel]

It is also simple to draw over images with B4XCanvas (and BitmapCreator).

Taking a picture can be done with Camera2, Camera or with the intent based solution: https://www.b4x.com/android/forum/threads/b4x-b4xpages-intent-based-camera.120721/#content
I recommend starting with the intent based solution.

 

[drgottjr]

taking a picture, drawing some lines on it and sending the modified image somewhere
is trivial (in the scheme of things).

where you run into problems is with the inevitable demands of the app's field users, eg:
1) zoom in and out on the image to facilitate drawing details, considering that the smaller some part of an
image is, the more inaccurate drawing with a finger on a tiny screen becomes. screen real estate is tight.
2) draw things with different colors
3) change widths of lines used to draw things
4) fill shapes (eg, draw a box or circle and fill it with some color) or not fill shapes
5) erase some of the drawing. (finger strays...)
6) erase all of the drawing. (let's start over)
7) save an image, but do not send it to server. have some way of calling it back later for drawing.
8) flip device from portrait to horizontal (uh oh; what happened to the drawing?)
9) add text of different sizes (as opposed to trying to draw text with a finger). in this context, adding text
would involve typing on the device's virtual keyboard (easy), then dragging the text to the image as if
drawn by hand (less easy).
10) put another image on top of the image being drawn upon.
11) have undo levels (4 or 5 is the convention)
12) hire lawyers to handle suits brought as a result of performing window installations based on
accuracy of drawings made with a finger.