Aspose.SVG 24.10.0

Create, Modify, & Convert SVG via .NET API

Aspose.SVG for .NET is a powerful API designed to work with SVG documents in .NET applications. It allows developers to create, manipulate, and convert SVG files into various formats like PDF, PNG, TIFF, and more. The API supports SVG vectorization, custom configuration, document merging, transformations, and advanced features like gradients, filters, and path building. Perfect for developers aiming to enhance graphical content and automate SVG workflows in .NET environments.

SVG Document Creation and Loading

• Create an Empty SVG Document: Use the SVGDocument() constructor to create a blank SVG document.
• Create SVG from Memory String: Create an SVG file from a memory string using SVGDocument() constructors.
• Create SVG from a Stream: Load SVG from different streams like memory or file using overloaded SVGDocument() constructors.
• Create Custom SVG with Builder API: Use SVG Builder API to build custom SVG elements.
• Load SVG from File: Load existing SVG files using SVGDocument(Path) method.
• Load SVG from Web: Load SVG from a web URL into an SVG document using Navigate() method.
• Read SVG with Resources Async: Asynchronously load SVG with external resources using the OnReadyStateChange event handler.

SVG Document Editing and Modification

• Add Elements to SVG: Insert new SVG elements using CreateElementNS() method and InsertBefore() to append nodes.
• Add Basic Shapes to SVG: Add geometric shapes like circles and rectangles.
• Edit Existing Elements: Modify elements in the DOM using SetAttribute(), GetAttribute(), and other methods.
• SVG Drawing on Bitmap: Draw and modify an SVG directly on a bitmap image using the rendering engine.
• Edit SVG Path: Update and customize path elements using the path API.

SVG Document Navigation and Inspection

• Navigation using DOM: Traverse and inspect SVG elements using DOM methods like DocumentElement, GetElementsByTagName(), and more.
• Inspect Specific Elements: Extract detailed information about individual elements within an SVG using DOM properties.
• Use CSS Selector for Editing: Modify and style SVG elements using CSS Selectors within the API.
• XPath Query Navigation: Use XPath queries to navigate through nodes in the SVG document.

SVG Conversion and Rendering

• Convert SVG to PDF: Use the ConvertSVG() method to export SVG to PDF.
• Convert SVG to XPS: Use ConvertSVG() method to convert SVG into XPS format.
• Convert SVG to Image Formats: Export SVG documents to image formats like PNG, JPG, BMP, TIFF, and GIF.
• Rendering Options: Set rendering options such as background color, resolution, and page size using ImageRenderingOptions, PdfRenderingOptions, and XpsRenderingOptions.

SVG Vectorization and Optimization

• Image Vectorization: Convert raster images like PNG, JPG, BMP into scalable vector graphics using the ImageVectorizer class.
• Text Vectorization: Convert text within SVG into vectorized paths to protect against modifications and ensure high-quality rendering.
• SVG Optimization: Reduce the file size and clean up the SVG by removing unnecessary elements and attributes.

SVG Document Merging and Transformation

• Merge Multiple SVGs: Combine multiple SVG documents into a single file using the Render() method.
• Apply SVG Transformations: Perform transformations like rotation, scaling, and skewing on SVG elements.
• Apply Filters and Gradients: Use SVG filters like Gaussian blur, drop shadow, and more to enhance graphical content.

Environment Configuration

• Custom Configuration: Create and apply custom configuration settings for runtime services, web requests, and more.
• Logging and Message Handlers: Set up logging of network requests and errors using LogMessageHandler.

Advanced SVG Features

• SVG Filters: Apply SVG filters like Gaussian blur and color saturation through code.
• SVG Gradients: Create and apply gradients (linear, radial) within SVG files.
• SVG Transformations: Perform and combine transformations like rotation, scaling, and skewing on SVG elements.
• SVG Text and Fonts: Manipulate text using SVG-specific tags like <text>, <tspan>, and apply glyphs and fonts.

SVG Builder API

• SVGElementBuilder: Create new SVG elements through a fluent API.
• Path Builder: Customize SVG paths programmatically for accurate rendering.
• Paint Builder: Apply stroke and fill attributes to SVG elements efficiently.

Supported File Formats

System Requirements

To build and manipulate SVG documents, the machine running Aspose.SVG for .NET does not require modeling and rendering software installed. Aspose.SVG for .NET includes a document generation engine.

Steps to Install Aspose.SVG for .NET through NuGet

1. Open Visual Studio Project

• Open your solution or project in Visual Studio.

2. Install NuGet Package Manager (if needed)

• Go to Tools > Extension Manager.
• Search for "NuGet Package Manager" in the Online Gallery.
• Download and install it.
• Restart Visual Studio.

3. Install Aspose.SVG using Package Manager Console

• Open Tools > Library Package Manager > Package Manager Console.
• Type Install-Package Aspose.SVG for the latest version or Install-Package Aspose.SVG -prerelease for the latest release with hotfixes.
• Press Enter.

4. Update Aspose.SVG via Package Manager Console

• Open the Package Manager Console again.
• Type Update-Package Aspose.SVG to update to the latest release, or use -prerelease for hotfixes.

5. Install/Update Using GUI

• Go to Tools > Library Package Manager > Manage NuGet Packages or right-click the project name in Solution Explorer.
• Search for Aspose.SVG in the online package search.
• Click Install/Update next to the latest version of Aspose.SVG for .NET.

Create Custom SVG Paths Programmatically

Learn how to create SVG paths using the Aspose.SVG for .NET API. Add and customize path elements with attributes for precision in rendering vector graphics.

// Create an SVG path element using Aspose.SVG for .NET
var pathElement = (SVGPathElement)document.CreateElementNS(SvgNamespace, "path");

// Create and configure SVG path segments
SVGPathSeg pathSeg1 = pathElement.CreateSVGPathSegMovetoAbs(10, 200);
SVGPathSeg pathSeg2 = pathElement.CreateSVGPathSegCurvetoQuadraticAbs(180, 200, 25, 210);
SVGPathSeg pathSeg3 = pathElement.CreateSVGPathSegCurvetoQuadraticSmoothAbs(300, 250);
SVGPathSeg pathSeg4 = pathElement.CreateSVGPathSegCurvetoQuadraticSmoothAbs(420, 250);
SVGPathSeg pathSeg5 = pathElement.CreateSVGPathSegCurvetoQuadraticSmoothAbs(490, 150);

// Append segments to the path
pathElement.PathSegList.AppendItem(pathSeg1);
pathElement.PathSegList.AppendItem(pathSeg2);
pathElement.PathSegList.AppendItem(pathSeg3);
pathElement.PathSegList.AppendItem(pathSeg4);
pathElement.PathSegList.AppendItem(pathSeg5);

// Set stroke and fill attributes for the path
pathElement.SetAttribute("stroke", "magenta");
pathElement.SetAttribute("fill", "none");
pathElement.SetAttribute("stroke-width", "4");

// Insert the path element into the SVG document
svgElement.InsertBefore(pathElement, svgElement.FirstChild);

Convert SVG to PNG Easily Using Aspose.SVG for .NET

Quickly convert SVG files to PNG images using the Aspose.SVG for .NET API. A simple solution for rendering high-quality PNGs from SVG documents.

// Load the SVG document from a file
using (var document = new SVGDocument(Path.Combine(DataDir, "owl.svg")))
{
    // Initialize the SvgRenderer to render the document
    using (var renderer = new SvgRenderer())
    {
        // Create an ImageDevice to save the rendered output as PNG
        using (var device = new ImageDevice(Path.Combine(OutputDir, "owl.png")))
        {
            // Render the SVG document to PNG format
            renderer.Render(device, document);
        }
    }
}

Merge Multiple SVG Documents into a Single PDF

Combine multiple SVG files into a single PDF with the Aspose.SVG for .NET API. This guide shows how to render multiple SVG documents into one PDF file.

// Load multiple SVG documents from files
using (var document1 = new SVGDocument(Path.Combine(DataDir, "circle.svg")))
using (var document2 = new SVGDocument(Path.Combine(DataDir, "flower.svg")))
using (var document3 = new SVGDocument(Path.Combine(DataDir, "lineto.svg")))
{
    // Initialize the SvgRenderer for rendering multiple SVGs
    using (var renderer = new SvgRenderer())
    {
        // Create a PdfDevice to save the output as a PDF
        using (var device = new PdfDevice(Path.Combine(OutputDir, "result.pdf")))
        {
            // Render and merge all SVG documents into a single PDF
            renderer.Render(device, document1, document2, document3);
        }
    }
}

Tags

SVG Creation | SVG Conversion | SVG Manipulation | Vector Graphics | Image Vectorization | Text Vectorization | SVG Optimization | SVG to PDF | SVG to PNG | Image Conversion | Rendering Options | Custom Configuration | CSS Selector | XPath Navigation | SVG Filters | SVG Gradients | SVG Transformations | Advanced SVG Features | SVG to XPS | Document Merging | SVG Builder API | High-Quality Rendering | Bitmap Rendering | Path Builder | PDF Export | SVG Document Navigation | Logging and Message Handlers | Image Formats