SVG-Datei bearbeiten – Python-Beispiele

Mit Aspose.SVG for Python via .NET können Sie SVG-Dateien bearbeiten und deren Inhalt einfach ändern. Die Document Object Model (DOM) API folgt vollständig den offiziellen SVG-Spezifikationen und bietet vollständige Kontrolle über SVG-Knoten und ihre Eigenschaften. Auf diese Weise können Sie neue Knoten hinzufügen, vorhandene Knoten löschen oder den Inhalt aktueller Knoten bearbeiten.

In diesem Artikel erfahren Sie, wie Sie SVG-Dateien mit Aspose.SVG for Python via .NET bearbeiten. Wir werden detaillierte Python-Codebeispiele untersuchen, die veranschaulichen, wie Elemente zu einem SVG-Dokument hinzugefügt und bearbeitet werden.

So bearbeiten Sie ein SVG-Dokument

Mit Aspose.SVG for Python via .NET-API können Sie einem Dokument verschiedene Elemente hinzufügen. Zuerst würden Sie ein neues Element oder einen neuen Knoten erstellen; Anschließend können Sie das Element zum Dokument hinzufügen.

So erhalten Sie das Root-Element <svg>.

Das Element <svg> ist ein Container und wird als äußerstes Element von SVG-Dokumenten verwendet. Um auf das Element <svg> zu verweisen, können Sie verschiedene Möglichkeiten anwenden:

1. Die Eigenschaft document_element der Klasse Document ermöglicht den direkten Zugriff auf das Element <svg> des Dokuments. Im folgenden Codeausschnitt verwenden wir diese Methode.

# Create a new SVG document
document = SVGDocument()

# Get root <svg> element of the document
svg_element = document.document_element

2. Die Eigenschaft root_element der Klasse SVGDocument gibt das Stammelement <svg> in der Dokumenthierarchie zurück. Um das Element <svg> anzugeben, können Sie den folgenden Code anwenden:

# Create a new SVG document
document = SVGDocument()

# Get root <svg> element of the document
svg_element = document.root_element

Neue Elemente erstellen

Sie können die Methode create_element_ns(namespace_uri, qualified_name) der Klasse SVGDocument verwenden, um eine Instanz der Klasse Element zu erstellen – das erforderliche Element des angegebenen qualifizierten Namens und Namespace-URI. Der namespace_uri legt den Verweis auf die Spezifikation W3C SVG fest. Der qualified_name muss den String-Tag-Namen des Elements enthalten.

# Create a new SVG document
document = SVGDocument()
svg_element = document.document_element

# Create a new SVG <circle> element
circle = document.create_element_ns("http://www.w3.org/2000/svg", "circle")

Sie können denselben Code verwenden, um jedes neue SVG-Element zu erstellen. Ändern Sie nur den qualified_name. Um beispielsweise einfache SVG-Formen zu erstellen, sollten Sie für SVG-Kreise den qualified_name = “circle”, Ellipsen – qualified_name = “ellipse”, Rechtecke – qualified_name = “rect”, Linien – qualified_name = “line”, Polylinien – qualified_name = “polyline”, Polygone – qualified_name = “polygon”, und Bezier-Kurven – qualified_name = “path”.

So legen Sie Attribute fest

Sie können Elementattribute und ihre Werte mithilfe von set_attribute(name, value), get_attribute(qualified_name), has_attribute(qualified_name), verwalten. remove_attribute(qualified_name) Methoden der Klasse Element. Wenn Sie beispielsweise ein <circle>-Element erstellen, können Sie Attribute festlegen:

# Set attributes for the <circle> element
circle.set_attribute("cx", "50")
circle.set_attribute("cy", "50")
circle.set_attribute("r", "40")
circle.set_attribute("fill", "red")

Elemente hinzufügen

1. Sie können die Methode append_child(node) verwenden, um das neue untergeordnete Element am Ende der Liste der untergeordneten Elemente des Knotens hinzuzufügen.

2. Um einem SVG-Dokument ein Element hinzuzufügen, stellt die Python-API die Methode insert_before(node, child) der Klasse Node bereit. Diese Methode fügt den node vor dem vorhandenen untergeordneten Knoten oder am Ende der Liste der untergeordneten Knoten ein, wenn der child Null ist.

Der folgende Codeausschnitt veranschaulicht, wie das Element <g> mit insert_before() mrthod als erstes untergeordnetes Element im SVG-Dokument erstellt und hinzugefügt wird.

from aspose.svg import *

# Create a new SVG document
document = SVGDocument()
svg_element = document.root_element

# Add <g> element and set "fill" attribute
g_element = document.create_element_ns("http://www.w3.org/2000/svg", "g")
g_element.set_attribute("fill", "red")
svg_element.insert_before(g_element, svg_element.first_child)

# Save the document
document.save("add-g-element.svg")

SVG-Dokument bearbeiten – Beispiel für Python-Code

Betrachten Sie ein Beispiel für die Bearbeitung der vorhandenen SVG-Datei сhristmas-tree.svg. Wir nehmen eine Datei mit einer Zeichnung eines Weihnachtsbaums und bearbeiten sie, indem wir eine Zeichnung eines Weihnachtsbaums vor dem Hintergrund des Nachthimmels erstellen. Dazu fügen wir einen Hintergrund und Kreise hinzu, die Sterne darstellen und die Farbe des Baumes ändern.

Der folgende Codeausschnitt zeigt:

• wie man neue Elemente mit den Methoden insert_before() und append_child() der Node-Klasse hinzufügt;
• wie man ein erforderliches Element findet und seine Attribute mit den Methoden query_selector() und set_attribute() der Element-Klasse festlegt.

from aspose.svg import *

# Create a new SVG document
document = SVGDocument("сhristmas-tree.svg")
svg_element = document.root_element

# Add a <rect> element as a background
rect = document.create_element_ns("http://www.w3.org/2000/svg", "rect")
rect.set_attribute("x", "10")
rect.set_attribute("y", "10")
rect.set_attribute("width", "400")
rect.set_attribute("height", "400")
rect.set_attribute("fill", "#2a065b")
svg_element.insert_before(rect, svg_element.first_child)

# Add a circle element stylized as a star
circle = document.create_element_ns("http://www.w3.org/2000/svg", "circle")
circle.set_attribute("id", "star")
circle.set_attribute("cx", "60")
circle.set_attribute("cy", "50")
circle.set_attribute("r", "5")
circle.set_attribute("stroke", "white")
circle.set_attribute("stroke-width", "4")
circle.set_attribute("stroke-dasharray", "1 3")
circle.set_attribute("fill", "none")
svg_element.append_child(circle)

# Create and add new stars
use = document.create_element_ns("http://www.w3.org/2000/svg", "use")
use.set_attribute("href", "#star")
use.set_attribute("transform", "translate(40, 70)")
svg_element.append_child(use)

# You can add as many stars as you wish

# Get polyline element to change tree color
polyline_element = svg_element.query_selector("polyline")

# Set a new "fill" attribute value for the polyline element
polyline_element.set_attribute("fill", "#039da7")
polyline_element.set_attribute("stroke", "white")
polyline_element.set_attribute("stroke-width", "3")

# Save the SVG document to a file
document.save("сhristmas-tree-edited.svg")

Die Abbildung zeigt die Visualisierung der ursprünglichen SVG-Datei сhristmas-tree.svg und der bearbeiteten Datei.

Siehe auch

• Der Artikel Installation enthält eine Schritt-für-Schritt-Anleitung zur Installation von Aspose.SVG for Python via .NET auf Ihrem Computer.
• Wenn Sie daran interessiert sind, eine Lizenz einzurichten, eine getaktete Lizenz anzuwenden oder eine Evaluierungsversion für die Aspose.SVG-Python-Bibliothek auszuprobieren, lesen Sie bitte den Artikel Lizenzierung.
• Um eine SVG-Datei zu bearbeiten, müssen Sie zunächst die zu bearbeitenden Elemente im Dokument finden. Dafür gibt es verschiedene Möglichkeiten, beispielsweise CSS-Selektoren oder XPath-Abfragen. Detaillierte Informationen zum Bearbeiten einer SVG-Datei mithilfe einer Navigation durch das Dokument finden Sie im Artikel SVG Navigieren.
• Die Szenarien zum Konvertieren und Rendern von SVG in andere Formate werden im Abschnitt SVG-Dateien in Python konvertieren angezeigt.