📅  最后修改于: 2023-12-03 15:20:23.439000             🧑  作者: Mango
FEGaussianBlur
滤镜是 SVG 中常用的一种滤镜类型,用于对图像进行高斯模糊处理,常用于视觉效果的增强及图像处理的模糊化。
FEGaussianBlur
滤镜有两个重要的属性 stdDeviationX
和 stdDeviationY
,分别控制着水平方向和垂直方向的模糊强度。
stdDeviationX
指定了水平方向的标准差,也就是控制水平方向的模糊程度。值越大,模糊程度越高。
<filter id="blur" x="0" y="0" width="100%" height="100%">
<feGaussianBlur stdDeviationX="5" stdDeviationY="5"/>
</filter>
代码片段中的 stdDeviationX
属性值为 5
,表示水平方向的模糊半径为 5
个像素。
stdDeviationY
指定了垂直方向的标准差,也就是控制垂直方向的模糊程度。值越大,模糊程度越高。
<filter id="blur" x="0" y="0" width="100%" height="100%">
<feGaussianBlur stdDeviationX="5" stdDeviationY="10"/>
</filter>
代码片段中的 stdDeviationY
属性值为 10
,表示垂直方向的模糊半径为 10
个像素,水平方向的模糊半径为 5
个像素。
FEGaussianBlur
滤镜可以改变图像的视觉效果,增加视觉美感。通过调整 stdDeviationX
和 stdDeviationY
属性的值,可以控制滤镜的模糊程度,实现不同的效果。
注意事项:stdDeviationX
和 stdDeviationY
的取值最小为 0
,不设置默认值为 0
,取值需要根据实际需求来确定。