How to blur a specific position in the picture using CustomPainter in flutter

Question

Is it possible to add blur effect to picture using painting? If so, how can I do this?

Solution

use this :

Stack(
    children: <Widget>[
      YourImageWidget(),
      new BackdropFilter(
        filter: ImageFilter.blur(sigmaX: 3.0, sigmaY: 3.0),
        child: new Container(
          decoration: new BoxDecoration(color: Colors.white.withOpacity(0.0)),
        ),
      ),

    ],
  )

Comments

[Abhijith Sasikumar]

Provide more details like what you have tried so far or what's blocking you.

[Viren V Varasadiya]

add more description and details. what exactly you want and also add code whatever you tried.

[haneen saadeh]

I want the user to be able to blur the image using the drawing

[pskink]

start with this

[haneen saadeh]

Is there a clear way to draw a blurry line with a brush like this video? firebasestorage.googleapis.com/v0/b/my-story-a1b2a.appspot.c‌​om/… @pskink

[pskink]

i have no idea what you mean

[haneen saadeh]

Can you watch this video? firebasestorage.googleapis.com/v0/b/my-story-a1b2a.appspot.c‌​om/… @pskink

[Salman Shaikh]

Did you get your answer? @haneensaadeh

[pskink]

BackdropFilter? in CustomPainter?

[dev001]

Of course not, replace CustomPainter with YourImageWidget().

[pskink]

he asks: "How to blur a specific position in the picture using CustomPainter in flutter"

[haneen saadeh]

I want the user to be able to blur the image using the drawing, not statically