How the Blur filter works in HTML5 Kinetic.Filters.Blur

Question

How can I use blur filter in HTML5? I find this:

Kinetic.Filters.Blur(imageData, config )

and parameters:

imageData  {Object}  
config {Object}  
config.radius {Integer}

Explain to me an example of how I can do this.

+5

majid savalanpour Apr 18 '13 at 6:31

1 answer

lavrton · Accepted Answer · 2013-05-07T10:37:46+0000

var image = new Kinetic.Image({
      x: 10,
      y: 10,
      image: imageObj,
      filter: Kinetic.Filters.Blur,
      filterRadius: 20
  });