偏移阴影、渐变色、地理定位

一、偏移阴影

1）、defs: 定义滤镜 ，defs是一个定义标签。

2）、滤镜的属性:

        属性                    作用

        x，y                提供左上角的坐标来定义在哪里渲染滤镜效果。(默认值:0)

 width，height        绘制滤镜容器框的高宽(默认都为100%)

        result              用于定义一个滤镜效果的输出名字，以便将其用作另一个滤镜效果的输入（in)

        in                     指定滤镜效果的输入源，可以是某个滤镜导出的result，也可以是下面6个值

 3）、<feOffset>: 使用偏移滤镜。

4）、<feColorMatrix>: 用来转换偏移的图像使之更接近黑色的颜色feColorMatrix 通过values

        属性来控制阴影颜色。

5)、<feGaussianBlur> : 阴影 模糊滤镜  stdDeviation:属性设置模糊度。

6）、<feBlend> :使用混合滤镜，主要是将原始标签显示出来。

7）、

svg滤镜属性：

feBlend：与图像相结合的滤镜	feColorMatrix：用于彩色滤光片转换
feComponentTransfer	feComposite
feConvolveMatrix	feDiffuseLighting
feDisplacementMap	feFlood
feGaussianBlur：模糊滤镜	feImage
feMerge：多滤镜叠加滤镜	feMorphology
feOffset：过滤阴影	feSpecularLighting
feTile	feTurbulence
feDistantLight：用于照明过滤	fePointLight：用于照明过滤
FeSpotLight：用于照明过滤

                                             

8）、in属性的6个取值

svG filter中的 in属性，指定滤镜效果的输入源，可以是某个滤镜导出的 result也可以是下面6个值: