📜  SVG FEGaussionBlur.stdDeviationX 属性(1)

📅  最后修改于: 2023-12-03 15:20:23.439000             🧑  作者: Mango

SVG FEGaussionBlur.stdDeviationX 属性介绍

FEGaussianBlur 滤镜是 SVG 中常用的一种滤镜类型,用于对图像进行高斯模糊处理,常用于视觉效果的增强及图像处理的模糊化。

FEGaussianBlur 滤镜有两个重要的属性 stdDeviationXstdDeviationY,分别控制着水平方向和垂直方向的模糊强度。

属性介绍
stdDeviationX

stdDeviationX 指定了水平方向的标准差,也就是控制水平方向的模糊程度。值越大,模糊程度越高。

<filter id="blur" x="0" y="0" width="100%" height="100%">
  <feGaussianBlur stdDeviationX="5" stdDeviationY="5"/>
</filter>

代码片段中的 stdDeviationX 属性值为 5,表示水平方向的模糊半径为 5 个像素。

stdDeviationY

stdDeviationY 指定了垂直方向的标准差,也就是控制垂直方向的模糊程度。值越大,模糊程度越高。

<filter id="blur" x="0" y="0" width="100%" height="100%">
  <feGaussianBlur stdDeviationX="5" stdDeviationY="10"/>
</filter>

代码片段中的 stdDeviationY 属性值为 10,表示垂直方向的模糊半径为 10 个像素,水平方向的模糊半径为 5 个像素。

总结

FEGaussianBlur 滤镜可以改变图像的视觉效果,增加视觉美感。通过调整 stdDeviationXstdDeviationY 属性的值,可以控制滤镜的模糊程度,实现不同的效果。

注意事项:stdDeviationXstdDeviationY 的取值最小为 0,不设置默认值为 0,取值需要根据实际需求来确定。