图像矢量化 – C# 示例

Aspose.SVG 提供免费的在线 Image Vectorizer，它基于浏览器并可在任何平台上运行。使用此应用程序，您可以应用一组选项来获得完美的结果。节省您的时间并检查这个免费的图像矢量化器以获得矢量图形的所有好处！

如何将光栅图像转换为矢量图形

有两种类型的图像：矢量和位图。您使用哪种类型将取决于具体情况。位图是一个二维数组，它将颜色映射到特定位置的像素。光栅图像是比矢量图像大得多的文件。光栅格式适用于具有颜色渐变的照片或图片。但它们的主要缺点之一是缩放时质量下降。矢量图形允许您在不损失质量的情况下缩放图像，有时还可以显着减小图像的大小。最适合矢量格式的是徽标、图标、页面布局、地图、图表、线条艺术、插图。图像矢量化是将光栅图像转换为矢量图形(贝塞尔曲线、样条曲线和直线)的过程。

本文考虑了一些 C# 示例，这些示例演示了 ImageVectorization 功能以及 TraceSimplifier、TraceSmoother 和 PathBuilder 等配置属性对矢量化结果的影响。

对于 ColorLimit 属性，有 25 种颜色可用。您可以根据情况选择所需的颜色数量。默认值为 25。 ImageSizeLimit 属性设置由图像宽度和高度相乘确定的图像的最大尺寸。图像的大小将根据此属性进行缩放。默认值为 1800000。

注意： Aspose.Svg.ImageVectorization Namespace 旨在实现图像矢量化任务，因此源图像到光栅到矢量的转换可能接受位图格式，例如 JPG、PNG、BMP、TIFF、GIF 等。输出图像是矢量 SVG 文件格式。

示例 1. TraceSimplifier 属性的使用

ImageVectorization 命名空间包括一组允许实现图像矢量化过程的类和接口。提供的类和方法使您能够在将图像保存为矢量格式之前使用各种选项来预处理图像。处理过程假定控制以下矢量化选项：TraceSimplifier、TraceSmoother、ColorLimit 和 LineWidth。

ImageTraceSimplifier(tolerance) 构造函数将 tolerance 作为参数并初始化 ImageTraceSimplifier 类的实例；
“容差”值确定从轨迹中消除点所允许的最大误差容限。它必须在 0 到 4 的范围内。默认值为 0.3；
ImageTraceSimplifier 类负责减少由一系列跟踪点近似的曲线中的点数。

让我们看看 TraceSimplifier 属性如何影响图像矢量化。首先，需要知道：

以下代码片段演示了如何使用 TraceSimplifier 属性的不同值进行图像到矢量的转换。

 1using System.IO;
 2using Aspose.Svg.ImageVectorization;
 3using Aspose.Svg.Saving;
 4...
 5    // Initialize an instance of the ImageVectorizer class and specify configuration properties
 6    var vectorizer1 = new ImageVectorizer
 7    {
 8        Configuration =
 9        {
10            PathBuilder = new SplinePathBuilder
11            {
12                TraceSimplifier = new ImageTraceSimplifier(0.1f),
13                TraceSmoother = new ImageTraceSmoother(2),
14            },
15            ColorsLimit = 2
16        }
17    };
18
19    var vectorizer2 = new ImageVectorizer
20    {
21        Configuration =
22        {
23            PathBuilder = new SplinePathBuilder
24            {
25                TraceSimplifier = new ImageTraceSimplifier(1),
26                TraceSmoother = new ImageTraceSmoother(2),
27            },
28            ColorsLimit = 2
29        }
30    };
31
32    var vectorizer3 = new ImageVectorizer
33    {
34        Configuration =
35        {
36            PathBuilder = new SplinePathBuilder
37            {
38                TraceSimplifier = new ImageTraceSimplifier(2),
39                TraceSmoother = new ImageTraceSmoother(2),
40            },
41            ColorsLimit = 2
42        }
43    };
44
45    // Prepare path for source image file
46    string sourcePath = Path.Combine(DataDir, "formats.png");
47
48    // Vectorize raster image from the specified file
49    using var document1 = vectorizer1.Vectorize(sourcePath);
50    using var document2 = vectorizer2.Vectorize(sourcePath);
51    using var document3 = vectorizer3.Vectorize(sourcePath);
52
53    // Save the vectorized image as an SVG file
54    document1.Save(Path.Combine(OutputDir, "formats1.svg"));
55    document2.Save(Path.Combine(OutputDir, "formats2.svg"));
56    document3.Save(Path.Combine(OutputDir, "formats3.svg"));

Text “具有不同 TraceSimplifier 属性值的矢量化图像”

您可以从 GitHub 下载完整的 C# 示例和数据文件。关于从 GitHub 下载并运行示例，您可以从 如何运行示例 部分找到。

示例 2. TraceSmoother 属性的使用

有时轮廓片段看起来像锯齿波。让我们看看 TraceSmoother 属性如何影响轮廓的平滑。在开始之前，请了解：

ImageTraceSmoother 类负责平滑由一系列跟踪点近似的曲线中的点数。该类实现了最近邻方法；
ImageTraceSmoother(severity) 构造函数将 severity 作为参数并初始化 ImageTraceSmoother 类的实例；
severity 的值决定了查询点考虑的区域范围。它必须在 0 到 20 的范围内。

让我们看看 TraceSmoother 属性如何影响图像矢量化：

 1using System.IO;
 2using Aspose.Svg.ImageVectorization;
 3using Aspose.Svg.Saving;
 4...
 5
 6    // Initialize an instance of the ImageVectorizer class
 7    var vectorizer = new ImageVectorizer
 8    {
 9        // Optionally set configuration
10        Configuration =
11        {
12            // Optionally set path builder
13            PathBuilder = new BezierPathBuilder {
14
15            // Optionally set trace smoother
16            TraceSmoother = new ImageTraceSmoother(0),
17            },
18            ColorsLimit = 10,
19            LineWidth = 1
20        }
21    };
22    // Vectorize image from the specified file
23    using var document = vectorizer.Vectorize(Path.Combine(DataDir, "flower.png"));
24
25    // Save the vectorized image as an SVG file
26    document.Save(Path.Combine(OutputDir, "flower.svg"));

Text “具有不同 TraceSmoother 属性值的矢量化图像”

示例 3. 照片矢量化

是否可以将矢量格式的照片转换为与照片相同的外观？

SVG 不太适合绘制逼真的图像。矢量图片还不允许自然的颜色过渡。矢量图形最适合创建徽标、插图、技术绘图。它不是最适合混合颜色的连续色调图像或编辑照片的格式。然而，矢量化照片可以产生令人印象深刻的艺术效果，既有趣又有用。

在本节中，我们将照片转换为矢量格式并尝试选择矢量化选项，以便结果看起来与照片相同：

 1using System.IO;
 2using Aspose.Svg.ImageVectorization;
 3using Aspose.Svg.Saving;
 4...
 5
 6    // Initialize an instance of the ImageVectorizer class
 7    var vectorizer = new ImageVectorizer
 8    {
 9        // Optionally set configuration
10        Configuration =
11        {
12            // Optionally set path builder
13            PathBuilder = new SplinePathBuilder
14            {
15                TraceSmoother =   new ImageTraceSmoother(1),
16                TraceSimplifier = new ImageTraceSimplifier(0.3f),
17            },
18            ColorsLimit = 25,
19            LineWidth = 1
20        }
21    };
22    // Vectorize image from the specified file
23    using var document = vectorizer.Vectorize(Path.Combine(DataDir, "horses.jpg"));
24
25    // Save the vectorized image in SVG format
26    document.Save(Path.Combine(OutputDir, "horses-new.svg"));