svg阴影

阴影

x，y提供左上角的坐标来定义在哪里渲染滤镜效果。(默认值:0)
width, height绘制滤镜容器框的高宽(默认都为100%)
result用于定义一个滤镜效果的输出名字，以便将其用作另一个滤镜效果的输入(in)
in指定滤镜效果的输入源，可以是某个滤镜导出的result，也可以是下面6个值

定义滤镜

       <svg>
			<!--·定义滤镜·-->
			<defs>
				<filter id="f1" width="200%" height="200%">
					
				</filter>
			</defs>
			
		</svg>

     

使用混合滤镜，主要是将原始标签显示出来

mode属性

normal —正常
multiply —正片叠底                                                                                                                  screen一滤色
darken—变暗lighten—变亮

<feBlend in="SourceGraphic" in2="offset" mode="normal"></feBlend>