Add mask to camera

Question

I am new on Flutter and trying to do an app that use camera. So, everything works fine and I am using image_picker lib. Now, I need to add a mask for my user to capture using this mask to position the document (like a overlay) but I can't find anywhere saying how to do that. Does anyone know if it's possible using this lib to do it?

Regards,

score 3 · Accepted Answer · answered Mar 26 '20 at 00:04

3

I don't think the image_picker can do what you want to do.

Instead of that, you could use the Camera package and put your overlay and the preview of camera in a Stack widget

answered Mar 26 '20 at 00:04

F Perroch

1,988
2
11
23

score 2 · Answer 2 · answered Mar 26 '20 at 00:58

2

You can use package https://pub.dev/packages/camera_camera
It provide imageMask attribute
example code https://github.com/gabuldev/camera_camera/tree/master/example/lib
code snippet

Camera(
       mode: CameraMode.normal,
       imageMask: CameraFocus.rectangle(
                color: Colors.black.withOpacity(0.5),
                ),
     )

answered Mar 26 '20 at 00:58

chunhunghan

51,087
5
102
120

1

At the moment, camera_camera version 2.0.0 has removed the mask option from its build. Older versions can still work, but they have some issues with null-safety that may result in incompatible dependencies. – il_boga Mar 17 '21 at 14:26

Add mask to camera

2 Answers2