今天学习SVG滤镜feGaussianBlur和feDropShadow
💡
原文中文,约3300字,阅读约需8分钟。
📝
内容提要
这篇文章介绍了SVG中的feGaussianBlur和feDropShadow两个滤镜元素的使用方法和效果。feGaussianBlur用于实现高斯模糊效果,而feDropShadow用于实现投影效果。文章还给出了具体的代码示例和效果展示。作者表示今天学习收获颇多,但也感叹时间不够用,希望下周有机会去钓鱼。
🎯
关键要点
-
文章介绍了SVG中的feGaussianBlur和feDropShadow两个滤镜元素的使用方法和效果。
-
feGaussianBlur用于实现高斯模糊效果,支持stdDeviation属性来控制模糊大小。
-
feDropShadow用于实现投影效果,支持dx、dy、stdDeviation、flood-color和flood-opacity属性。
-
提供了具体的SVG代码示例,展示了高斯模糊和投影效果的实现。
-
文章提到学习过程中收获颇多,但也感叹时间不够,希望下周有机会去钓鱼。
➡️