svg滤镜效果使用

最新推荐文章于 2024-06-13 00:30:00 发布

白图裘

最新推荐文章于 2024-06-13 00:30:00 发布

阅读量159

点赞数

文章标签： svg

本文链接：https://blog.csdn.net/qq_35880671/article/details/122058445

版权

<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>