Редактировать файл SVG – примеры Python

Aspose.SVG for Python via .NET позволяет легко редактировать файлы SVG и изменять их содержимое. API объектной модели документа (DOM) полностью соответствует официальным спецификациям SVG, обеспечивая полный контроль над узлами SVG и их свойствами. Это позволяет добавлять новые узлы, удалять существующие узлы или редактировать содержимое текущих узлов.

В этой статье показано, как редактировать файлы SVG с помощью Aspose.SVG for Python via .NET. Мы рассмотрим подробные примеры кода Python, которые иллюстрируют, как добавлять и редактировать элементы в документ SVG.

Как редактировать документ SVG

Aspose.SVG for Python via .NET API позволяет добавлять в документ различные элементы. Сначала вы создадите новый элемент или узел; затем вы можете добавить элемент в документ.

Как получить корневой элемент <svg>

Элемент <svg> является контейнером и используется как самый внешний элемент документов SVG. Чтобы указать элемент <svg>, вы можете применить несколько способов:

1. Свойство document_element класса Document предоставляет прямой доступ к элементу <svg> документа. В следующем фрагменте кода мы используем этот способ.

# Create a new SVG document
document = SVGDocument()

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

2. Свойство root_element класса SVGDocument возвращает корневой элемент <svg> в иерархии документа. Чтобы указать элемент <svg>, вы можете применить следующий код:

# Create a new SVG document
document = SVGDocument()

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

Создать новые элементы

Вы можете использовать метод create_element_ns(namespace_uri,qual_name) класса SVGDocument для создания экземпляра класса Element – требуемого элемента с заданным полным именем и URI пространства имен. namespace_uri устанавливает ссылку на спецификацию W3C SVG. qualified_name должно содержать имя тега элемента.

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

Вы можете использовать тот же код для создания любого нового элемента SVG; измените только qualified_name. Например, чтобы создать базовые фигуры SVG, вы должны использовать для кругов SVG qualified_name = “circle”, для эллипсов – qualified_name = “ellipse”, прямоугольников – qualified_name = “rect”, линий – qualified_name = “line”, полилиний – qualified_name = “polyline”, полигонов – qualified_name = “polygon”, кривых Безье – qualified_name = “path”.

Как установить атрибуты

Управлять атрибутами элементов и их значениями можно с помощью методов set_attribute(name, value), get_attribute(qualified_name), has_attribute(qualified_name), remove_attribute(qualified_name) класса Element. Например, если вы создаете элемент <circle>, вы можете установить атрибуты:

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

Добавить элементы

1. Вы можете использовать метод append_child(node), чтобы добавить новый дочерний элемент в конец списка дочерних узлов опредененного узла.

2. Чтобы добавить элемент в документ SVG, Python API предоставляет метод insert_before(node, child) класса Node. Этот метод вставляет узел перед существующим дочерним узлом или в конец списка дочерних узлов, если дочерний узел имеет значение null.

Следующий фрагмент кода показывает, как создать и добавить элемент <g> в качестве первого дочернего элемента в документе SVG с помощью метода 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")

Редактировать документ SVG – пример кода Python

Рассмотрим пример редактирования существующего SVG-файла сchristmas-tree.svg. Мы возьмем файл с рисунком елки и отредактируем его, сделав рисунок елки на фоне ночного неба. Для этого мы добавим фон и круги, которые будут изображать звезды и изменим цвет дерева.

Следующий фрагмент кода показывает:

• как добавлять новые элементы с помощью методов insert_before() и append_child() класса Node;
• как найти нужный элемент и установить его атрибуты с помощью методов query_selector() и set_attribute() класса 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")

На рисунке показана визуализация исходного SVG-файла сchristmas-tree.svg и файла, который был отредактирован.

Смотрите также

• В статье Установка представлено пошаговое руководство по установке Aspose.SVG for Python via .NET на ваш компьютер.
• Если вы заинтересованы в настройке лицензии, применении лимитной лицензии или хотите попробовать ознакомительную версию Python библиотеки Aspose.SVG, обратитесь к статье Лицензирование.
• Чтобы отредактировать файл SVG, сначала необходимо найти в документе элементы для редактирования. Есть несколько способов сделать это, например, с помощью селекторов CSS или запросов XPath. Подробную информацию о том, как редактировать SVG-файл с помощью навигации по документу, можно найти в статье Навигация по SVG.
• Сценарии конвертации и рендеринга SVG в другие форматы смотрите в разделе Конвертировать файлы SVG в Python.