0

我正在尝试使用 stackBlur ( http://www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html ) 来模糊整个图像stackBlurImage( 'srcimg', 'canvas', 10, false );。但它既不适用于本地系统，也不适用于互联网。有人可以建议我正确的做法吗？

这是我的 jsFiddle - http://jsfiddle.net/yesprasoon/3KxrW/

或者请让我知道任何其他模糊图像的方式。CSS 转换在 Phonegap for Android webkit 中不起作用。

更新

由于某些“..因为画布已被跨域数据污染”错误，图像没有变得模糊。我在 Chrome 中将其作为本地文件进行测试。脚本在 chrome:localhost/IE9/FF 下运行良好。

4

1 回答 1

1

原因是您不得访问和修改图像（使用画布），除非它与您的网页托管在同一台服务器上。

有关更多详细信息，请参见此处。

如果图像与网页一起托管，则使用您提供的代码（例如stackBlurImage("srcimg", "canvas", 5, false);）没有问题。

另请参阅这个简短的演示。

于 2013-10-27T12:50:31.110 回答