Конвертировать SVG в CSS на Python

Конвертировать SVG в CSS с помощью кодировки Base64

При работе с векторной графикой, такой как SVG, часто требуется преобразование этих файлов в форматы, которые можно легко встроить, передать или сохранить. Одним из практических подходов является преобразование файлов SVG в формат CSS с кодировкой Base64. Встраивание SVG в формате Base64 в CSS позволяет встроенно включать векторную графику в таблицы стилей. Это устраняет необходимость в отдельных файлах изображений и уменьшает количество HTTP-запросов, сокращая время загрузки страницы. Это также гарантирует, что изображения SVG будут доступны сразу же как часть таблицы стилей, что повышает производительность и упрощает управление ресурсами.

Как конвертировать SVG в CSS на Python

Чтобы преобразовать SVG в CSS, мы используем API Aspose.SVG for Python via .NET , который представляет собой многофункциональный, мощный и простой в использовании API для работы с документами для платформы Python. Мы рассмотрим пример кодирования SVG в Base64 и встраивания строки Base64 в документ CSS:

import base64
import os
from aspose.svg import *

# Create a function to convert SVG to CSS with Base64-encoded SVG data
def convert_svg_to_css(svg_path, css_path, class_name):
    # Load an SVG document
    document = SVGDocument(svg_path)

    # Temporary file path to save the SVG content
    temp_svg_path = "temp_output.svg"

    try:
        # Save the SVG content to a temporary file
        document.save(temp_svg_path)

        # Read the content from the temporary file
        with open(temp_svg_path, "r", encoding="utf-8") as svg_file:
            svg_content = svg_file.read()

        # Encode the SVG content in Base64
        encoded_svg = base64.b64encode(svg_content.encode("utf-8")).decode("utf-8")

        # Prepare the CSS content
        css_content = f""".{class_name} {{
    background-image: url("data:image/svg+xml;base64,{encoded_svg}");
}}
"""

        # Write the CSS content to a file
        with open(css_path, "w", encoding="utf-8") as css_file:
            css_file.write(css_content)

    finally:
        # Clean up the temporary file
        if os.path.exists(temp_svg_path):
            os.remove(temp_svg_path)

# Example usage
input_svg = "image.svg"
output_css = "styles-svg.css"
css_class_name = "background"

convert_svg_to_css(input_svg, output_css, css_class_name)

print(f"SVG file has been converted to CSS and saved as {output_css}.")

Действия по преобразованию SVG в CSS на Python

1. Используйте класс SVGDocument для загрузки содержимого SVG по указанному пути к файлу.
2. Сохраните загруженный документ SVG во временный файл. Этот шаг облегчает чтение содержимого SVG в виде строки для кодирования.
3. Откройте временный файл SVG и считайте его содержимое в строку.
4. Кодируйте содержимое SVG в формат Base64 для встраивания в CSS.
5. Создайте содержимое CSS, определив класс с SVG в кодировке Base64, например, в качестве фонового изображения.
6. Запишите сгенерированный контент CSS в указанный файл CSS.
7. Удалите временный файл SVG, чтобы в системе не осталось ненужных файлов.

Содержимое CSS обычно включает MIME-тип изображения и кодированные данные, например:

.class {
    background-image: url("data:image/svg+xml;base64,base64_string...");
}

Онлайн-кодировщики Base64

Aspose.SVG предлагает бесплатные онлайн-приложения для кодирования и декодирования двоичных данных:

• Кодировщик Base64 представляют собой набор инструментов, позволяющих кодировать двоичные данные в различных выходных форматах: Plain Base64, JSON, XML, URI или CSS.
• Base64 Конвертер Изображений преобразует URI данных, содержащий строку Base64, в изображение путем вставки строки URI в элемент управления вводом.

Наши браузерные приложения работают на всех платформах, включая Windows, Linux, Mac OS, Android и iOS. Для вас не требуется регистрация или установка программного обеспечения. Начните использовать наши онлайн-инструменты кодирования/декодирования Base64 безопасно, надежно и просто!

FAQ

Начало работы с Python API

Если вы хотите разрабатывать масштабируемую векторную графику и приложения к ней, установите наш гибкий и высокоскоростной Aspose.SVG for Python via .NET API. pip – это самый простой способ загрузить и установить Aspose.SVG for Python via .NET. Для этого выполните следующую команду:

pip install aspose-svg-net

Более подробную информацию об установке библиотеки Python и системных требованиях можно найти в Документации Aspose.SVG. .