Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Add mask to camera

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,

like image 595
Gustavo Oka Avatar asked Sep 12 '25 09:09

Gustavo Oka


2 Answers

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

like image 147
F Perroch Avatar answered Sep 15 '25 04:09

F Perroch


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),
                ),
     )

enter image description here

enter image description here

like image 28
chunhunghan Avatar answered Sep 15 '25 03:09

chunhunghan