Blur Filter如何在HTML5 Kinetic.Filters.Blur中工作

maj*_*our 5 canvas html5-canvas kineticjs

如何在HTML5中使用模糊过滤器?我发现这个:

Kinetic.Filters.Blur(imageData, config )  
Run Code Online (Sandbox Code Playgroud)

和参数:

imageData  {Object}  
config {Object}  
config.radius {Integer}  
Run Code Online (Sandbox Code Playgroud)

用一个例子向我解释我是如何做到这一点的.

lav*_*ton 4

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

查看本教程:http://www.html5canvastutorials.com/kineticjs/html5-canvas-tween-blur-filter-with-kineticjs/