Editar archivo SVG – ejemplos de Python

Aspose.SVG for Python via .NET le permite editar archivos SVG y cambiar su contenido fácilmente. La API del Modelo de objetos de documento (DOM) sigue completamente las especificaciones SVG oficiales, proporcionando control total sobre los nodos SVG y sus propiedades. Esto le permite agregar nuevos nodos, eliminar nodos existentes o editar el contenido de los nodos actuales.

Este artículo le mostrará cómo editar archivos SVG usando Aspose.SVG for Python via .NET. Exploraremos ejemplos detallados de código Python que ilustran cómo agregar y editar elementos a un documento SVG.

Cómo editar un documento SVG

Aspose.SVG for Python via .NET API le permite agregar varios elementos a un documento. Primero, crearías un nuevo elemento o nodo; luego, puede agregar el elemento al documento.

Cómo obtener el elemento raíz <svg>

El elemento <svg> es un contenedor y se utiliza como el elemento más externo de los documentos SVG. Para señalar el elemento <svg>, puedes aplicar varias formas:

1. La propiedad document_element de la clase Document brinda acceso directo al elemento <svg> del documento. En el siguiente fragmento de código, usamos esta manera.

# Create a new SVG document
document = SVGDocument()

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

2. La propiedad root_element de la clase SVGDocument devuelve el elemento raíz <svg> en la jerarquía del documento. Para indicar el elemento <svg>, puede aplicar el siguiente código:

# Create a new SVG document
document = SVGDocument()

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

Crear nuevos elementos

Puede utilizar el método create_element_ns(namespace_uri, qualified_name) de la clase SVGDocument para crear una instancia de la clase Element: el elemento requerido del nombre calificado dado y URI del espacio de nombres. El namespace_uri establece la referencia a la especificación W3C SVG. El qualified_name debe contener el nombre de la etiqueta de cadena del elemento.

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

Puede utilizar el mismo código para crear cualquier elemento SVG nuevo; solo cambie el qualified_name. Por ejemplo, para crear formas SVG básicas, debe usar para círculos SVG qualified_name = “circle”, elipses – qualified_name = “ellipse”, rectángulos – qualified_name = “rect”, líneas – qualified_name = “line”, polilíneas – qualified_name = “polyline”, polígonos – qualified_name = “polygon” y curvas de Bézier – qualified_name = “path”.

Cómo establecer atributos

Puede administrar los atributos de los elementos y sus valores usando set_attribute(name, value), get_attribute(qualified_name), has_attribute(qualified_name), remove_attribute(qualified_name) métodos de la clase Element. Por ejemplo, si crea un elemento <circle>, puede establecer atributos:

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

Agregar elementos

1. Puede utilizar el método append_child(node) para agregar el nuevo hijo al final de la lista de hijos del nodo.

2. Para agregar un elemento a un documento SVG, la API de Python proporciona el método insert_before(node, child) de la clase Node. Este método inserta el node antes del nodo secundario existente o al final de la lista de elementos secundarios si el child es nulo.

El siguiente fragmento de código ilustra cómo crear y agregar el elemento <g> como el primer elemento secundario en el documento SVG usando el método insert_before().

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

Editar documento SVG: ejemplo de código Python

Considere un ejemplo de edición del archivo SVG existente сhristmas-tree.svg. Tomaremos un archivo con un dibujo de un árbol de Navidad y lo editaremos, haciendo un dibujo de un árbol de Navidad con el fondo del cielo nocturno. Para ello agregaremos un fondo y círculos que representarán estrellas y cambiaremos el color del árbol.

El siguiente fragmento de código muestra:

• cómo agregar nuevos elementos usando los métodos insert_before() y append_child() de la clase Nodo;
• cómo encontrar un elemento requerido y establecer sus atributos usando los métodos query_selector() y set_attribute() de la clase Element.

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

La figura muestra la visualización del archivo SVG original сhristmas-tree.svg y el archivo que se editó.

Ver también

• El artículo Instalación proporciona una guía paso a paso sobre cómo instalar Aspose.SVG for Python via .NET en su computadora.
• Si está interesado en configurar una licencia, aplicar una licencia medida o desea probar una versión de evaluación para la biblioteca Aspose.SVG Python, consulte el artículo Licencias.
• Para editar un archivo SVG, primero debes encontrar los elementos a editar en el documento. Hay varias formas de hacer esto, como selectores CSS o consultas XPath. Puede encontrar información detallada sobre cómo editar un archivo SVG navegando por el documento en el artículo Navigar SVG.
• Los escenarios de conversión y renderizado de SVG a otros formatos se ven en la sección Convertir archivos SVG en Python.