<svg width="100%" height="100%" version="1.1">
<!-- 滤镜本体 -->
<defs>
<filter id="Gaussian_Blur">
<!-- feGaussianBlur 滤镜效果有多种 更多可以去w3c中svg寻找 stdDeviation 滤镜的使用程度 就跟美颜磨皮一样 值越大效果越强-->
<feGaussianBlur stdDeviation="5" />
</filter>
</defs>
<!-- 使用 filter:url(#滤镜filter的Id)即可实现 -->
<!-- 使用 filter:url(#Gaussian_Blur) -->
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" style="filter:url(#Gaussian_Blur)" />
</svg>
svg滤镜效果使用
最新推荐文章于 2024-06-13 00:30:00 发布