SVG mit Bild darin in C# | PNG im SVG | JPG im SVG

Skalierbare Vektorgrafiken (SVG) ist ein leistungsstarkes Bildformat, mit dem hochwertige, skalierbare Bilder für das Web erstellt werden können. SVG bilder werden mithilfe von XML-Code erstellt, wodurch sie einfach erstellt und geändert werden können. In bestimmten Fällen müssen wir möglicherweise Ressourcen wie PNG oder JPG bilder in SVG einbetten. In diesem Blogbeitrag zeigen wir Ihnen, wie Sie mit C# eine SVG-Datei mit einem darin enthaltenen Bild erstellen.

Dieser Artikel behandelt die folgenden Themen:

  1. C# API zum Erstellen von SVG mit Bild darin
  2. PNG in SVG einbetten
  3. SVG in SVG einbetten
  4. Erhalten Sie eine kostenlose Lizenz
  5. Kostenlose Lernressourcen

C# API zum Erstellen von SVG mit darin enthaltenem Bild

Wir werden Aspose.SVG for .NET verwenden, um eine SVG-Datei mit einem darin enthaltenen Bild zu erstellen. Es ermöglicht Entwicklern, mit SVG Dateien in .NET-Anwendungen zu arbeiten. Die API ermöglicht das Laden, Analysieren, Rendern, Erstellen und Konvertieren von SVG Dateien in gängige Formate ohne Softwareabhängigkeiten.

Bitte laden Sie die DLL der API herunter oder installieren Sie sie mit NuGet.

PM> Install-Package Aspose.SVG

PNG mit C# in SVG einbetten

Mit SVG können wir Bitmap bilder ganz einfach in ein SVG Objekt einbetten Element. Das SVG Das Element ist in der Lage, Bilder in verschiedenen Formaten wie JPEG, PNG und sogar SVG-Grafiken zu rendern. Die Attribute des <image> -Element definiert, wie die Bitmap angezeigt werden soll. Zu den Hauptattributen gehören:

  • x und y: Diese bezeichnen die Koordinaten der oberen linken Ecke des Bildes.
  • Breite und Höhe: Diese bestimmen die Breite und Höhe des „Fensters“, in dem das Bild angezeigt wird. Beide Attribute sind obligatorisch.
  • href und xlink:href: Diese Attribute verweisen auf die URL der Bilddatei.
  • keepAspectRatio: Dieses Attribut regelt, wie das Bild proportional skaliert wird.

Wir können ganz einfach eine SVG-Datei mit einem darin enthaltenen PNG erstellen, indem wir die folgenden Schritte ausführen:

  1. Geben Sie SVG-Inhalt als Zeichenfolge an.
  2. Erstellen Sie anschließend eine Instanz der SVGDocument Klasse aus dem String-Inhalt.
  3. Speichern Sie abschließend das Bild mit der Save()-Methode.

Das folgende Codebeispiel zeigt, wie man mit C# ein PNG bild in eine SVG-Datei einbettet.

// Geben Sie SVG-Inhalte mit eingebettetem PNG bild an.
string content = "<svg height=\"500\" width=\"600\" xmlns=\"http://www.w3.org/2000/svg\">\r\n    " +
                "<circle cx=\"120\" cy=\"100\" r=\"90\" style=\"fill:blue; stroke-width:3; stroke:rgb(0,0,0); fill-opacity:0.7\"  />" +
                "<image href=\"https://www.aspose.cloud/templates/aspose/App_Themes/V3/images/svg/272x272/aspose_svg-for-net.png\" x=\"70\" y=\"50\" height=\"100\" width=\"100\" />\r\n    \t" +
                "<text x=\"40\" y=\"250\">Embedded PNG image</text>\r\n    \t" +
        "</svg>";

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

// Speichern Sie das Dokument in einer Datei mit SVGSaveFormat-Enumeration.
document.Save("C:\\Files\\EmbedPNG.svg", SVGSaveFormat.SVG);
PNG mit C# in SVG einbetten

Betten Sie PNG mit C# in SVG ein.

SVG mit C# in SVG einbetten

Ebenso können wir eine SVG-Datei mit einem darin enthaltenen SVG bild erstellen, indem wir die zuvor genannten Schritte ausführen.

Das folgende Codebeispiel zeigt, wie man mit C# ein SVG bild in eine SVG-Datei einbettet.

// Geben Sie SVG-Inhalte mit eingebettetem SVG bild an.
string documentContent = "<svg height=\"500\" width=\"500\" xmlns=\"http://www.w3.org/2000/svg\">\r\n\t" +
        "<image href=\"https://docs.aspose.com/svg/net/navigation-inspection/shapes.svg\" x=\"250\" y=\"10\" height=\"350\" width=\"350\" />\r\n    \t" +
        "<text x=\"300\" y=\"250\">Embedded SVG image</text>    \r\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("C:\\Files\\EmbedSVG.svg", SVGSaveFormat.SVG);
SVG mit C# in SVG einbetten

SVG mit C# in SVG einbetten.

Holen Sie sich eine kostenlose Lizenz

Sie können eine kostenlose temporäre Lizenz erwerben, um Aspose.SVG for .NET ohne Evaluierungseinschränkungen auszuprobieren.

SVG mit Bild im Inneren – Kostenlose Ressourcen

Mithilfe der folgenden Ressourcen können Sie mehr über die verschiedenen Funktionen der Bibliothek erfahren:

Abschluss

Zusammenfassend lässt sich sagen, dass das Erstellen von SVG bildern mit eingebetteten Bildern mithilfe von C# ein relativ einfacher Vorgang ist. Indem Sie die Schritte in diesem Tutorial befolgen, können Sie Ihre eigenen benutzerdefinierten SVG bilder erstellen, die Sie auf Ihrer Website oder in Ihren Anwendungen verwenden können. Durch die Nutzung von Aspose.SVG for .NET, einer leistungsstarken und vielseitigen SVG-Bibliothek, können Sie ganz einfach SVG bilder mit eingebetteten Bildern erstellen, die auf jedem Gerät verwendet werden können. Bei Unklarheiten können Sie uns gerne über unser kostenloses Support-Forum kontaktieren.

Siehe auch