用 C# 将 SVG 转换为 JPG

JPG 文件可以无损压缩的方式包含高质量的图像数据。这种独特的压缩功能可以快速有效地共享 JPG 图像，并在网络、计算机和移动设备上广泛使用。使用 ConvertSVG() 方法是将 SVG 转换为各种格式的最常用方法。使用 Aspose.HTML，您可以通过编程将 SVG 转换为 JPG 格式，并完全控制各种转换参数。

本文将介绍如何使用转换器类的 ConvertSVG() 方法将 SVG 转换为 JPG，以及如何应用 ImageSaveOptions 和 ICreateStreamProvider 参数。 此外，您还可以尝试使用在线 SVG 转换器来测试 Aspose.HTML API 的功能并即时转换 SVG。

在线 SVG 转换器

您可以使用 Aspose.HTML API 将 SVG 实时转换为其他格式。请从本地文件系统加载 SVG，选择输出格式并运行示例。保存选项为默认设置。您将立即以单独文件的形式收到转换结果。

如果您想通过编程将 SVG 转换为 JPG 图像，请参阅以下 C# 代码示例。

只需一行代码即可将 SVG 转换为 JPG

Converter 类的静态方法主要用作将 SVG 文件转换为各种格式的最简单方法。只需一行代码，您就可以在 C# 应用程序中将 SVG 转换为 JPG！

在下面的示例中，我们将本地文件系统中的 SVG 文件( shapes.svg)转换并保存到本地文件系统中。

// Convert SVG to JPG using C#

// Invoke the ConvertSVG() method for SVG to JPG conversion
Converter.ConvertSVG(Path.Combine(DataDir, "shapes.svg"), new ImageSaveOptions(ImageFormat.Jpeg), Path.Combine(OutputDir, "convert-with-single-line.jpg"));

用 C# 将 SVG 转换为 JPG

使用 ConvertSVG() 方法将文件转换为另一种格式是一系列操作，其中包括文件加载和保存。在下面的示例中，我们通过代码创建一个 SVG 文件。

1. 为 SVG 文档编写代码
2. 创建一个新的带有 ImageFormat.Jpeg 的 ImageSaveOptions 对象。默认情况下，格式属性为 PNG。
3. 使用转换器类的 ConvertSVG(content,baseUri,options,outputPath) 方法将 SVG 保存为 JPG 图像。

请看下面的 C# 代码片段，它显示了使用 Aspose.HTML for .NET 将 SVG 转换为 JPG 的过程。

// Convert SVG to JPG in C#

// Prepare SVG code
string code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
              "<circle cx ='100' cy ='100' r ='55' fill='green' stroke='red' stroke-width='10' />" +
              "</svg>";

// Prepare a path for converted file saving
string savePath = Path.Combine(OutputDir, "circle.jpg");

// Create an instance of the ImageSaveOptions class
ImageSaveOptions options = new ImageSaveOptions(ImageFormat.Jpeg);

// Convert SVG to JPG
Converter.ConvertSVG(code, ".", options, savePath);

ImageSaveOptions

Aspose.HTML 允许使用默认或自定义保存选项将 SVG 转换为 JPG。使用 ImageSaveOptions 可以自定义渲染过程。您可以指定图像格式、页面大小、页边距、背景颜色等。

Property	Description
Compression	Sets Tagged Image File Format (TIFF) Compression. By default, this property is LZW.
CSS	Gets a CssOptions object which is used for configuration of CSS properties processing.
Format	Sets the ImageFormat (JPG, PNG, BMP, TIFF, or GIF). By default, this property is PNG.
BackgroundColor	This property sets the color that will fill the background. By default, this property is Transparent.
PageSetup	This property gets a page setup object and uses it for configuration output page-set.
HorizontalResolution	Sets horizontal resolution for output images in pixels per inch. The default value is 300 dpi.
VerticalResolution	Sets vertical resolution for output images in pixels per inch. The default value is 300 dpi.
UseAntialiasing	This property sets the image rendering quality. Antialiasing is enabled by default.
Text	Gets a TextOptions object which is used for configuration of text rendering.

使用 ImageSaveOptions 将 SVG 转换为 JPG

要使用指定的 ImageSaveOptions 将 SVG 转换为 JPG，应遵循以下几个步骤：

1. 使用 SVGDocument 类的一个 SVGDocument() 构造函数加载 SVG 文件。( flower.svg).
2. 使用 JPG ImageFormat 创建一个新的 ImageSaveOptions 对象，并指定保存选项。默认情况下，格式属性为 PNG。
3. 使用 ConvertSVG() 方法将 SVG 保存为 JPG 图像。您需要向 ConvertSVG() 方法传递 SVGDocument、ImageSaveOptions 和输出文件路径，以便将 SVG 转换为 JPG。

以下 C# 代码片段展示了如何使用自定义保存选项将 SVG 转换为 JPG：

// Convert SVG to JPG in C# with custom background, resolution, and antialiasing settings

// Prepare a path to a source SVG file
string documentPath = Path.Combine(DataDir, "flower.svg");

// Prepare a path for converted file saving
string savePath = Path.Combine(OutputDir, "flower-options.jpg");

// Initialize an SVG document from the file
using SVGDocument document = new SVGDocument(documentPath);

// Create an instance of the ImageSaveOptions class. Set up the resolutions, SmoothingMode and change the background color to AliceBlue
ImageSaveOptions options = new ImageSaveOptions(ImageFormat.Jpeg)
{
    UseAntialiasing = true,
    HorizontalResolution = 200,
    VerticalResolution = 200,
    BackgroundColor = System.Drawing.Color.AliceBlue
};

// Convert SVG to JPG
Converter.ConvertSVG(document, options, savePath);

ImageSaveOptions() 构造函数初始化 ImageSaveOptions 类的实例，并将其传递给 ConvertSVG() 方法。ConvertSVG() 方法接收 document, options, 输出文件路径 savePath 并执行转换操作。

在上述示例中，我们使用

• BackgroundColor 属性，用于设置填充背景的颜色。默认的 BackgroundColor 是透明色；
• HorizontalResolution 和 VerticalResolution 属性以每英寸像素为单位设置输出图像的水平/垂直分辨率。默认情况下，这些属性为 300 dpi；
• UseAntialiasing 属性，用于设置此图像的渲染质量。本示例使用 UseAntialiasing = true 设置渲染质量。

如果您想提高应用程序中渲染的图形、文本和图像的视觉质量，尤其是对清晰度和平滑边缘要求较高时，请使用 UseAntialiasing = true。启用抗锯齿功能可通过混合边缘周围像素的颜色来平滑锯齿状边缘，从而获得更柔和、更精致的外观。

虽然 UseAntialiasing = true 可以提供更好的视觉质量，但也会增加处理时间。对于优先考虑渲染速度的应用程序，设置 UseAntialiasing = false 可能是最佳选择。

图中展示了 flower-options.jpg 文件的片段。

输出流提供商

如果需要将文件保存在远程存储器(如云、数据库等)中，可以实现 ICreateStreamProvider接口来手动控制文件创建过程。该接口被设计为一个回调对象，用于在文档/页面开始时创建一个流(取决于输出格式)，并在渲染文档/页面后释放早期创建的流。

Aspose.HTML for .NET为渲染操作提供了多种输出格式。其中一些格式只生成一个输出文件(例如，PDF、XPS)，其他格式则生成多个文件(图像格式–JPG、PNG等)。

下面的示例展示了如何在应用程序中实现和使用自己的MemoryStreamProvider：

// Implement a custom MemoryStream provider for advanced control over HTML rendering output streams

class MemoryStreamProvider : Aspose.Html.IO.ICreateStreamProvider
{
    // List of MemoryStream objects created during the document rendering
    public List<MemoryStream> Streams { get; } = new List<MemoryStream>();

    public Stream GetStream(string name, string extension)
    {
        // This method is called when only one output stream is required, for instance for XPS, PDF or TIFF formats
        MemoryStream result = new MemoryStream();
        Streams.Add(result);
        return result;
    }

    public Stream GetStream(string name, string extension, int page)
    {
        // This method is called when the creation of multiple output streams are required. For instance, during the rendering HTML to list of image files (JPG, PNG, etc.)
        MemoryStream result = new MemoryStream();
        Streams.Add(result);
        return result;
    }

    public void ReleaseStream(Stream stream)
    {
        // Here you can release the stream filled with data and, for instance, flush it to the hard-drive
    }

    public void Dispose()
    {
        // Releasing resources
        foreach (MemoryStream stream in Streams)
            stream.Dispose();
    }
}

// Convert SVG to JPG in C# using memory stream

// Create an instance of MemoryStreamProvider
using MemoryStreamProvider streamProvider = new MemoryStreamProvider();

// Prepare SVG code
string code = "<svg xmlns='http://www.w3.org/2000/svg'>" +
              "<circle cx='50' cy='50' r='40' stroke='black' stroke-width='3' fill='red' />" +
              "</svg>";

// Convert SVG to JPG using the MemoryStreamProvider
Converter.ConvertSVG(code, ".", new ImageSaveOptions(ImageFormat.Jpeg), streamProvider);

// Get access to the memory stream that contains the result data
MemoryStream memory = streamProvider.Streams.First();
memory.Seek(0, SeekOrigin.Begin);

// Flush the result data to the output file
using (FileStream fs = File.Create(Path.Combine(OutputDir, "stream-provider.jpg")))
{
    memory.CopyTo(fs);
}

要了解有关 ImageSaveOptions 的更多信息，请阅读 微调转换器 一文。

使用我们的在线 SVG 到 JPG 转换器 检查 SVG 到 JPG 转换的质量。上传、转换文件并在几秒钟内获得结果。现在就免费试用我们强大的 SVG 到 JPG 转换器吧！

您可以从 GitHub 下载完整的示例和数据文件。