求一个 js 插件，可以使一个容器呈现出模糊的 body 背景

[WindSays]

使用了blur.js，可是问题是本地测试正常，上传到主机后就提示跨域问题：

unable to access image data unable to access local image data

具体的错误请看： http://tobe.moe/

所以，求教有什么可以代替的方案，或者哪位大神指点一下我这个前段渣该如何解决眼下blur.js的错误。

[WindSays]

没人吗？

[P233]

如果模糊的部分是彻底剧中的用 CSS 就可以了，原则都是 duplicate 背景并且添加模糊效果，缺点是必须固定背景尺寸，不能使用 background-size cover 否则背景无法对齐

http://jsbin.com/xetomaqatexu/1/edit

Webkit 有效， Firefox 需要 svg filter 没写上

[shikailun]

window.netscape undefined

[WindSays]

@shikailun 该怎样解决呢?

[loading]

放一张半透明的模糊 png 当背景不行吗？

[loading]

应该是：Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
解决：
http://www.tuicool.com/articles/i2Mbmu

[sneezry]

楼主，变通下怎么样

http://sneezryworks.sinaapp.com/blur/

[coraline]

https://github.com/LoeiFy/loeify.github.com/blob/master/assets/module/js/canvasBlur.js

e.g. http://lorem.in/about/

[WindSays]

@coraline 没看明白怎么用啊，怎么定义模糊的容器呢？抱歉，前段渣。

[wsph123]

最近在外面OAQ没找到网回邮件 估计是用画板实现的模糊 在新版本Webkit下 加载异域的图像需要设置跨域请求头 把图片放在同域 或者给图片添加跨域返回头OAQ 推荐对图像高斯模糊处理后再设置背景

[WindSays]

@P233
@shikailun
@loading
@sneezry
@coraline
@wsph123

感谢各位的热心，我现在就用了两张背景图片，一张body原图，一张banner模糊过的图。

为了不同分辨率都能获得背景图的全貌，用PS出了2560 1920 1440 1366 四种大小的背景图各一份。

只能这样了，真希望blur.js的作者能更新解决一下。

[WindSays]

@wsph123 菊苣你看到我给你的微博私信了？

[sneezry]

@WindSays 中标喽中标喽，好开森 ^^3