使用CSS/Javascript进行图像模糊:是否可能?

Oli*_*nde 20 html javascript css jquery blur

是否可以使用CSS和Javascript为图像添加模糊效果?

Bar*_*der 35

是的,这是一种享受:

Pixastic是一个实验性的库,它允许您使用一些JavaScript对图像执行各种操作.开箱即用的效果包括去饱和/灰度,反转,翻转,亮度/对比度调整,色调/饱和度,浮雕,模糊等等......

Pixastic通过利用HTML5 Canvas元素进行工作,该元素提供对原始像素数据的访问,从而打开更高级的图像效果.这就是"实验"部分发挥作用的地方.某些浏览器仅支持Canvas,不幸的是Internet Explorer不是其中之一.然而,它在Firefox和Opera中得到了很好的支持,并且仅在最近的Safari 4(beta)版本中才支持Safari.Chrome目前在开发频道中使用.使用古老的专有过滤器在IE中模拟了一些效果.虽然这些过滤器比他们的Canvas朋友快得多,但它们很少且有限.希望我们有一天能在IE上拥有真正的Canvas ......

  • @Clyde Lobo:如果你检查网站,你会发现它在IE8中运行得非常愉快,这绝对不是HTML5兼容的,样本也可以运行. (2认同)
  • 如果您阅读该网站,它会说"在IE中使用古老的专有过滤器模拟了一些效果.虽然这些过滤器比他们的Canvas朋友要快得多,但它们很少而且有限." 例如,主页上的灰度效果在IE8中有效.我想任何`过滤器'效果都可以在IE6中使用. (2认同)

Qua*_*ndo 15

或者,您可以使用StackBlurSuperfast Blur