use*_*364 1 javascript algorithm flash blur actionscript-3
我正在尝试将用AS3编写的内容转换为JavaScript,AS3应用程序使用Flash内置的模糊滤镜
有谁知道这个使用的模糊算法或如何在JavaScript中复制它?
谢谢
这是一种像他们在文档中所说的高斯风格模糊:
当quality属性设置为高时,它近似于高斯模糊滤镜
它是高斯滤波器/ Weierstrass变换风格的高度优化版本,特别是在使用2 x/y偏移功率时,因为您可以将其实时应用于视频,因此您无法获得精确的结果.非Flash应用程序,但你可以非常接近,没有人会知道差异.
有许多方法可以在html/css/javascript中进行高斯模糊.有一些方法可以通过CSS中的花哨的阴影技术,使用HTML5 Canvas并应用自定义过滤器,通过字节数组进行位图的javascript处理等等......有些基于跨浏览器的限制,有些还有CPU处理问题等等. google/bing是你的朋友,他们寻找人们已经开发的不同技术以及他们遇到的利弊.
我抓住了以下一个用于快速HTML5项目:
Mario Klingemann在JavaScript中创建了一种"几乎高斯模糊算法"的快速实现.
http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html http://badassjs.com/post/1298940200/stackblur
以下是我用来比较它的图像,它与Flash使用它的BlurFilter"足够接近".(StackBlur会产生一个稍暗的图像,假设他正在跳过一些会导致例程变慢的规范化)
我的航空版; 质量设置为HIGH,x/y滤波器偏移设置为10: