Skalierbare Vektorgrafiken (SVG) Bilder sind wegen ihrer Skalierbarkeit beliebt. Sie werden häufig über das Web zum Anzeigen von visuellen Informationen verwendet. In diesem Artikel erfahren Sie, wie Sie mithilfe von C# programmgesteuert eine SVG Bilddatei erstellen. Die folgenden Abschnitte behandeln verschiedene Anwendungsfälle:

C# SVG Image Creator – API Installation

Aspose.SVG for .NET API kann zum Erstellen, Bearbeiten und Manipulieren von SVG Bilddateien verwendet werden. Sie können verschiedene Knoten iterieren oder die Datei in unterstützte Dateiformate konvertieren. Bitte laden Sie die DLL Dateien aus dem Abschnitt Neue Versionen herunter oder verwenden Sie die folgenden NuGet Installationsbefehle:

PM> Install-Package Aspose.SVG

Nachdem Sie die API erfolgreich konfiguriert haben, können Sie lernen, wie Sie ein einfaches und grundlegendes SVG Bild erstellen, und später anhand eines fortgeschrittenen Beispiels weiter untersuchen.

Erstellen Sie eine SVG Bilddatei programmgesteuert mit C#

  1. Sie können eine SVG Bilddatei mit den folgenden Schritten erstellen:
  2. Geben Sie den SVG-Inhalt als Zeichenfolge an.
  3. Initialisieren Sie ein Objekt der Klasse SVGDocument aus dem Inhalt der Zeichenfolge.
  4. Speichern Sie das Dokument mit der methode Save in einer Datei.

Der folgende Code erläutert, wie eine SVG Bilddatei programmgesteuert mit C# erstellt wird:

// Geben Sie den SVG-Inhalt als Zeichenfolge an
string documentContent = "<svg xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"50\" cy=\"50\" r=\"40\" /></svg>";

// Initialisiert ein Objekt der SVGDocument Klasse aus dem String-Inhalt
SVGDocument document = new SVGDocument(documentContent, ".");

// Speichern Sie das Dokument in einer Datei
document.Save(dataDir + "test.svg", SVGSaveFormat.SVG);

Erstellen Sie SVG Bilder mit eingebettetem HTML programmgesteuert mit C#

SVG ist konsistent mit allen XML-basierten Sprachen zum Beschreiben und Rendern eingebetteter Inhalte. Sie können verwenden -Element, um HTML-Inhalte in eine SVG Datei einzufügen. Bitte befolgen Sie die folgenden Schritte, um ein SVG Bild mit eingebettetem HTML zu erstellen:

  1. Geben Sie SVG-Inhalte mit eingebettetem HTML an.
  2. Geben Sie den XHTML-Namespace an, aus dem das Fremdobjekt stammt.
  3. Initialisieren Sie ein SVG-Dokument mit SVGDocument.
  4. Speichern Sie das Dokument in einer Datei mit der Aufzählung SVGSaveFormat.

Der folgende Code erklärt, wie Sie ein SVG Bild mit eingebettetem HTML-Inhalt programmgesteuert mit C# erstellen:

// Geben Sie SVG-Inhalte mit eingebettetem HTML an.
// Geben Sie den XHTML-Namespace an, aus dem das Fremdobjekt stammt.
string documentContent = "<svg viewBox =\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\">\n  <style>\n    div {\n      color: white;\n      font: 18px serif;\n      height: 100%;\n      overflow: hidden;\n    }\n  </style>\n \n  <polygon points=\"5,5 195,10 185,185 10,195\" />\n\n  <!-- Common use case: embed HTML text into SVG -->\n  <foreignObject x=\"20\" y=\"20\" width=\"160\" height=\"160\">\n    <!--\n      In the context of SVG embedded in an HTML document, the XHTML \n      namespace could be omitted, but it is mandatory in the \n      context of an SVG document\n    -->\n    <div xmlns=\"http://www.w3.org/1999/xhtml\">\n      Lorem ipsum dolor sit amet, consectetur adipiscing elit.\n      Sed mollis mollis mi ut ultricies. Nullam magna ipsum,\n      porta vel dui convallis</div>\n  </foreignObject>\n</svg>";

// Initialisieren Sie ein SVG-Dokument mit SVGDocument.
SVGDocument document = new SVGDocument(documentContent, ".");

// Speichern Sie das Dokument in einer Datei mit SVGSaveFormat-Enumeration.
document.Save(dataDir + "Test.svg", SVGSaveFormat.SVG);

Erhalten Sie eine kostenlose API Lizenz

Sie können Aspose-APIs ohne Einschränkungen testen, indem Sie eine kostenlose temporäre Lizenz anfordern.

Fazit

In diesem Artikel haben Sie gelernt, wie Sie mit C# programmgesteuert SVG Bilddateien von Grund auf neu erstellen. Sie haben sich damit beschäftigt, ein einfaches SVG Bild sowie ein erweitertes SVG Bild mit eingebettetem HTML-Inhalt zu erstellen. Sie können die API weiter erkunden, indem Sie einen Blick auf API Dokumentation werfen. Darüber hinaus können Sie sich bei Fragen gerne über das kostenlose Support-Forum an uns wenden.

Siehe auch