SVG 滤镜 – 高斯模糊、阴影、SVG 照明和颜色滤镜

什么是 SVG 过滤器？

SVG 滤镜广泛用于向位图或矢量图形添加特殊效果。滤镜效果是在文档中显示视觉元素之前对其进行处理的一种方式。换句话说，它是一组应用于图像的操作，可以产生各种颜色和灯光效果、模糊、扭曲、噪声和纹理生成等。SVG 滤镜能够在浏览器中创建复杂的效果，并具有在各种项目中使用的潜力。几乎所有现代浏览器(包括移动浏览器)都支持它们。

过滤器由在<defs>元素内设置的<filter>元素定义。它永远不会自行渲染，并且在概念上被描述为包含其子元素(过滤器基元)的元素。 <filter> 元素有一组属性，以下是其中的一些属性：x、y、width、height、in、result 等。每个过滤器基元都会进行单个图形操作，产生可见的结果。 SVG 滤镜的优点是能够组合多种类型。应用一个滤镜后获得的结果可以作为另一滤镜的图像来源。

在本节的文章中，我们将向您展示如何在 SVG 代码中创建过滤器，并描述使用 Aspose.SVG for .NET 库实现 SVG 过滤器的 C# 示例。

以下文章可供参考：

• 高斯模糊 – 在本文中，您将学习如何编写 SVG 代码来创建高斯模糊滤镜，并考虑使用 SVGFEGaussianBlurElement 类将高斯模糊效果应用于 SVG 元素的详细 C# 示例和位图。

• 投影效果 – 了解如何编写 SVG 代码并使用 Aspose.SVG API 创建投影效果。考虑如何将投影效果应用于 SVG 形状和文本。

• SVG 光照效果 – 了解如何使用 Aspose.SVG for .NET API 组合多个滤镜来创建和控制 SVG 光照效果。

• 色彩滤镜 – 了解作为主要色彩滤镜之一的“feColorMatrix”滤镜基元。查看 C# 代码片段，了解如何使用feColorMatrix滤镜原语的饱和度操作。

有关滤镜原语的更多信息，请参阅 W3C Filter Effects Module。

如果您想知道如何编写 SVG 代码来创建 SVG 滤镜、高斯模糊、阴影效果、光照效果或线性渐变和径向渐变，请访问 SVG 滤镜和渐变 文章。