svg 高斯模糊 feGaussianBlue


<feGaussianBlur> 是高斯模糊滤镜。

该滤镜对输入图像进行高斯模糊,属性 stdDeviation 中指定的数量定义了钟形。

示例:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200" viewBox="0 0 10 10">
	<defs>
		<filter id="GaussianBlur-1">
			<feGaussianBlur stdDeviation="0.1" />
		</filter>
	</defs>
	<image
		x="1"
		y="1"
		width="8"
		height="8"
		xlink:href="/imgs/test1.jpg"
		filter="url(#GaussianBlur-1)"
	/>
</svg>

效果如下:

高斯模糊效果就像近视一样。