模糊滤镜如何在 HTML5 Kinetic.Filters.Blur 中工作

Posted

技术标签:

【中文标题】模糊滤镜如何在 HTML5 Kinetic.Filters.Blur 中工作【英文标题】:How does Blur Filter work in HTML5 Kinetic.Filters.Blur 【发布时间】:2013-04-11 03:47:29 【问题描述】:

如何在 html5 中使用模糊滤镜? 我发现这个:

Kinetic.Filters.Blur(imageData, config )  

和参数:

imageData  Object  
config Object  
config.radius Integer  

用一个例子向我解释我如何做到这一点。

【问题讨论】:

【参考方案1】:
var image = new Kinetic.Image(
      x: 10,
      y: 10,
      image: imageObj,
      filter: Kinetic.Filters.Blur,
      filterRadius: 20
  );

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

【讨论】:

以上是关于模糊滤镜如何在 HTML5 Kinetic.Filters.Blur 中工作的主要内容,如果未能解决你的问题,请参考以下文章

如何使用SVG滤镜创建模糊的标签背景?

如何在位图上应用不同的图像效果(滤镜),如棕褐色、黑白、模糊等? [关闭]

GPUImage 动画高斯模糊滤镜

css blur模糊滤镜

CoreImage 中的模糊滤镜

iOS 5 是不是支持模糊核心图像滤镜?