HTML5 - 圖像模糊與stackblur

Question

我想使用stackBlur（http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html）模糊整張圖像stackBlurImage('srcimg', 'canvas', 10, false);。但它既不在本地系統上工作，也不在互聯網上工作。有人可以建議我正確的做法嗎？

這裏是我的jsfiddle - http://jsfiddle.net/yesprasoon/3KxrW/

還是請讓我知道圖像模糊的任何其他方式。 Android webkit的Phonegap無法使用CSS轉換。

UPDATE

影像不是由於越來越模糊一些錯誤「..because畫布已經通過跨源數據污點」。我在Chrome中將其作爲本地文件進行測試。腳本使用chrome運行良好：localhost/IE9/FF。

Answer 1

的原因是，你不能訪問和修改的圖像（畫布），除非它是在同一臺服務器上的網頁上託管。

請參閱here瞭解更多詳情。

如果圖像託管旁邊的網頁，再有就是使用您提供的代碼（例如stackBlurImage("srcimg", "canvas", 5, false);）沒有問題。

另外，請看short demo。