Перетворення SVG на CSS на Python

Конвертувати SVG на CSS із кодуванням Base64

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

Як конвертувати SVG у CSS на Python

Щоб конвертувати SVG у CSS, ми використовуємо Aspose.SVG for Python via .NET API, який є багатофункціональним, потужним і простим у використанні 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 Encoders – це набір інструментів, які дозволяють кодувати двійкові дані в різних вихідних форматах: Plain Base64, JSON, XML, URI або CSS.
• Image Base64 Decoder перетворює 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.