如何使用Javascript模糊背景图片？

Question

我的用户上传背景图片。这些映像存储在Amazon S3上的CDN中（不在同一台服务器上）。

目前，我做背景的方式是这样的。

<div id="background"></div> 

它的位置固定，我使用JavaScript设置背景图像。

我想在客户端BLUR这个背景。我怎样才能做到这一点？

Blur.js不适用于Amazon CDN上的图像。

Answer 1

你总是可以尝试使用Pixastic库（只要你不介意使用HTML5功能）：

http://www.pixastic.com/lib/

Answer 2

您可以使用CSS过滤器来做到这一点，但只有在超级新的浏览器。这和SVG过滤器的组合将为您带来几个浏览器。我想你可以回到画布上，并且可以获得几乎所有的浏览器。

真的，我只是使用过滤器，一年左右大多数用户会拥有它们。