Modifier le fichier SVG – Exemples Python

Aspose.SVG for Python via .NET vous permet d’éditer des fichiers SVG et de modifier facilement leur contenu. L’API Document Object Model (DOM) suit entièrement les spécifications SVG officielles, offrant un contrôle total sur les nœuds SVG et leurs propriétés. Cela vous permet d’ajouter de nouveaux nœuds, de supprimer des nœuds existants ou de modifier le contenu des nœuds actuels.

Cet article vous montrera comment éditer des fichiers SVG à l’aide de Aspose.SVG for Python via .NET. Nous explorerons des exemples de code Python détaillés qui illustrent comment ajouter et modifier des éléments à un document SVG.

Comment modifier un document SVG

Aspose.SVG for Python via .NET API vous permet d’ajouter divers éléments à un document. Tout d’abord, vous créeriez un nouvel élément ou nœud; ensuite, vous pouvez ajouter l’élément au document.

Comment obtenir l’élément racine <svg>

L’élément <svg> est un conteneur et il est utilisé comme élément le plus externe des documents SVG. Pour pointer l’élément <svg>, vous pouvez appliquer plusieurs méthodes:

1. La propriété document_element de la classe Document donne un accès direct à l’élément <svg> du document. Dans l’extrait de code suivant, nous utilisons cette méthode.

# Create a new SVG document
document = SVGDocument()

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

2. La propriété root_element de la classe SVGDocument renvoie l’élément racine <svg> dans la hiérarchie du document. Pour indiquer l’élément <svg>, vous pouvez appliquer le code suivant:

# Create a new SVG document
document = SVGDocument()

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

Créer de nouveaux éléments

Vous pouvez utiliser la méthode create_element_ns(namespace_uri, qualifier_name) de la classe SVGDocument pour créer une instance de la classe Element – l’élément requis du nom qualifié donné et URI de l’espace de noms. Le namespace_uri définit la référence à la spécification W3C SVG. Le qualified_name doit contenir le nom de balise de chaîne de l’élément.

# 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")

Vous pouvez utiliser le même code pour créer n’importe quel nouvel élément SVG; changez uniquement le qualified_name. Par exemple, pour créer des formes SVG de base, vous devez utiliser pour les cercles SVG le qualified_name = “circle”, les ellipses – qualified_name = “ellipse”, les rectangles – qualified_name = “rect”, les lignes – qualified_name = “line”, les polylignes – qualified_name = “polyline”, polygones – qualified_name = “polygon” et courbes de Bézier – qualified_name = “path”.

Comment définir les attributs

Vous pouvez gérer les attributs des éléments et leurs valeurs à l’aide de set_attribute(name, value), get_attribute(qualified_name), has_attribute(qualified_name), Méthodes remove_attribute(qualified_name) de la classe Element. Par exemple, si vous créez un élément <circle>, vous pouvez définir des attributs:

# 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")

Ajouter des éléments

1. Vous pouvez utiliser la méthode append_child(node) pour ajouter le nouvel enfant à la fin de la liste des enfants du nœud.

2. Pour ajouter un élément à un document SVG, l’API Python fournit la méthode insert_before(node, child) de la classe Node. Cette méthode insère le node avant le nœud enfant existant ou à la fin de la liste des enfants si le child est nul.

L’extrait de code suivant illustre comment créer et ajouter l’élément <g> comme premier enfant dans le document SVG en utilisant insert_before() mrthod.

from aspose.svg import SVGDocument

# 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")

Modifier un document SVG – Exemple de code Python

Prenons un exemple d’édition du fichier SVG existant сhristmas-tree.svg. Nous prendrons un fichier avec un dessin d’un sapin de Noël et le modifierons, en créant un dessin d’un sapin de Noël sur fond de ciel nocturne. Pour ce faire, nous ajouterons un fond et des cercles qui représenteront des étoiles et changeront la couleur de l’arbre.

L’extrait de code suivant montre:

• comment ajouter de nouveaux éléments en utilisant les méthodes insert_before() et append_child() de la classe Node;
• comment trouver un élément requis et définir ses attributs à l’aide des méthodes query_selector() et set_attribute() de la classe Element.

from aspose.svg import SVGDocument

# 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")

La figure montre la visualisation du fichier SVG original сhristmas-tree.svg et du fichier qui a été modifié.

Voir aussi

• L’article Installation fournit un guide étape par étape sur la façon d’installer Aspose.SVG for Python via .NET sur votre ordinateur.
• Si vous souhaitez configurer une licence, appliquer une licence limitée ou si vous souhaitez essayer une version d’évaluation de la bibliothèque Aspose.SVG Python, veuillez vous référer à l’article Licensing.
• Pour éditer un fichier SVG, vous devez d’abord trouver les éléments à éditer dans le document. Il existe plusieurs façons de procéder, telles que les sélecteurs CSS ou les requêtes XPath. Des informations détaillées sur la façon de modifier un fichier SVG en naviguant dans le document peuvent être trouvées dans l’article Naviguer dans SVG.
• Les scénarios de conversion et de rendu du SVG vers d’autres formats sont visualisés dans la section Convertir des fichiers SVG en Python.