如何使用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過濾器的組合將爲您帶來幾個瀏覽器。我想你可以回到畫布上，並且可以獲得幾乎所有的瀏覽器。

真的，我只是使用過濾器，一年左右大多數用戶會擁有它們。