Pygame应用中的SVG渲染。Pygame 2.0之前，Pygame不支持SVG，那你是如何加载它的？

Question

在一个Pygame应用程序中，我想要显示一些不受分辨率限制的图形用户界面（GUI）小部件，这些小部件是用SVG格式描述的。

我该怎么做呢？

（我喜欢OCEMP GUI这个工具包，但它似乎在渲染时依赖于位图。）

Answer 1

现在有一个新的方法可以使用，而且不再需要 librsvg 了。这个方法是一个叫做 pynanosvg 的库，它是对 nanosvg 库的一个封装，使用起来很方便：

from svg import Parser, Rasterizer


def load_svg(filename, surface, position, size=None):
    if size is None:
        w = surface.get_width()
        h = surface.get_height()
    else:
        w, h = size
    svg = Parser.parse_file(filename)
    rast = Rasterizer()
    buff = rast.rasterize(svg, w, h)
    image = pygame.image.frombuffer(buff, (w, h), 'ARGB')
    surface.blit(image, position)

我觉得使用 Cairo/rsvg 的解决方案太复杂了，因为它的依赖项安装起来很麻烦，很多人都搞不清楚。

Answer 2

Pygame 2.0版本开始支持SVG文件。从2.0.2版本开始，SDL Image支持SVG（可缩放矢量图形）文件（具体可以查看SDL_image 2.0）。因此，在pygame 2.0.1版本中，可以使用pygame.image.load()将SVG文件加载到pygame.Surface对象中：

surface = pygame.image.load('my.svg')

在Pygame 2之前，你需要使用其他库来实现SVG文件的加载。下面是一些实现方法的想法。

---

一个非常简单的解决方案是使用CairoSVG。通过函数cairosvg.svg2png，可以直接将SVG文件转换为[便携式网络图形（PNG）]文件。

安装CairoSVG。

pip install CairoSVG

编写一个函数，将SVG文件转换为PNG（ByteIO），并创建一个pygame.Surface对象，可能看起来像这样：

import cairosvg
import io

def load_svg(filename):
    new_bites = cairosvg.svg2png(url = filename)
    byte_io = io.BytesIO(new_bites)
    return pygame.image.load(byte_io)

另请参见加载SVG

---

另一种选择是使用svglib。不过，这里似乎存在透明背景的问题。关于这个话题有一个问题如何使PNG背景透明？#171。

安装svglib。

pip install svglib

一个解析并栅格化SVG文件的函数，创建一个pygame.Surface对象，可能看起来像这样：

from svglib.svglib import svg2rlg
import io

def load_svg(filename):
    drawing = svg2rlg(filename)
    str = drawing.asString("png")
    byte_io = io.BytesIO(str)
    return pygame.image.load(byte_io)

---

另一个简单的解决方案是使用pynanosvg。这个方案的缺点是nanosvg不再积极维护，并且不支持Python 3.9。可以使用pynanosvg来加载和栅格化SVG文件。安装Cython和pynanosvg：

pip install Cython
pip install pynanosvg

可以使用以下函数读取、栅格化SVG文件并加载到pygame.Surface对象中：

from svg import Parser, Rasterizer

def load_svg(filename, scale=None, size=None, clip_from=None, fit_to=None, foramt='RGBA'):
    svg = Parser.parse_file(filename)
    scale = min((fit_to[0] / svg.width, fit_to[1] / svg.height)
                if fit_to else ([scale if scale else 1] * 2))
    width, height = size if size else (svg.width, svg.height)
    surf_size = round(width * scale), round(height * scale)
    buffer = Rasterizer().rasterize(svg, *surf_size, scale, *(clip_from if clip_from else 0, 0))
    return  pygame.image.frombuffer(buffer, surf_size, foramt)

---

最小示例：

import cairosvg
import pygame
import io

def load_svg(filename):
    new_bites = cairosvg.svg2png(url = filename)
    byte_io = io.BytesIO(new_bites)
    return pygame.image.load(byte_io)

pygame.init()
window = pygame.display.set_mode((300, 300))
clock = pygame.time.Clock()

pygame_surface = load_svg('Ice-001.svg')
size = pygame_surface.get_size()
scale = min(window.get_width() / size[0], window.get_width() / size[1]) * 0.8
pygame_surface = pygame.transform.scale(pygame_surface, (round(size[0] * scale), round(size[1] * scale)))

run = True
while run:
    clock.tick(60)
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            run = False

    window.fill((127, 127, 127))
    window.blit(pygame_surface, pygame_surface.get_rect(center = window.get_rect().center))
    pygame.display.flip()

pygame.quit()
exit()

Answer 3

这是一个完整的示例，结合了这里其他人的一些提示。它应该能从当前目录生成一个叫做 test.svg 的文件。这个示例是在 Ubuntu 10.10 系统上测试的，使用的库有 python-cairo 1.8.8、python-pygame 1.9.1 和 python-rsvg 2.30.0。

#!/usr/bin/python

import array
import math

import cairo
import pygame
import rsvg

WIDTH = 512
HEIGHT = 512

data = array.array('c', chr(0) * WIDTH * HEIGHT * 4)
surface = cairo.ImageSurface.create_for_data(
    data, cairo.FORMAT_ARGB32, WIDTH, HEIGHT, WIDTH * 4)

pygame.init()
window = pygame.display.set_mode((WIDTH, HEIGHT))
svg = rsvg.Handle(file="test.svg")
ctx = cairo.Context(surface)
svg.render_cairo(ctx)

screen = pygame.display.get_surface()
image = pygame.image.frombuffer(data.tostring(), (WIDTH, HEIGHT),"ARGB")
screen.blit(image, (0, 0)) 
pygame.display.flip() 

clock = pygame.time.Clock()
while True:
    clock.tick(15)
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            raise SystemExit