注意: Internet Explorer和Safari不支持SVG滤镜!
所有互联网的SVG滤镜定义在<defs>元素中。<defs>元素定义短并含有特殊元素(如滤镜)定义。
<filter>标签用来定义SVG滤镜。<filter>标签使用必需的id属性来定义向图形应用哪个滤镜?
<feGaussianBlur> 元素是用于创建模糊效果:
下面是SVG代码:
< defs > < filter id = "f1" x = "0" y = "0" > < feGaussianBlur in = "SourceGraphic" stdDeviation = "15" /> </ filter > </ defs > < rect width = "90" height = "90" stroke = "green" stroke-width = "3" fill = "yellow" filter = "url(#f1)" /> </ svg > |
对于Opera用户:查看SVG文件(右键单击SVG图形预览源)。
代码解析: