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。