之前做过移动端页面,要求一些图片模糊,但安卓不支持CSS模糊滤镜,找了很多方法,最后找到SVG滤镜能够很好的解决此问题,以下给出应用方法:
<image xlink:href="http://pic9.nipic.com/20100818/5514989_172647012992_2.jpg" x="0" y="0" height="100%" width="100%" filter="url(#blur)" />
中filter="url(#blur)"
对应<filter id="blur"> 的id值
<!--图片模糊-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="100%" height="500">
<defs>
<filter id="blur">
<!--stdDeviation 模糊值-->
<feGaussianBlur stdDeviation="5" />
</filter>
</defs>
<!--图片-->
<image xlink:href="http://pic9.nipic.com/20100818/5514989_172647012992_2.jpg" x="0" y="0" height="100%" width="100%" filter="url(#blur)" />
</svg>