在pyGame应用程序中，我想渲染 SVG 中描述的无分辨率 GUI 小部件。
我可以使用什么工具和/或库来实现这个目标？
（我喜欢OCEMP GUI工具包，但它的渲染似乎依赖于位图）
Pierre-Jean Coudert
问问题
19622 次
9 回答
20
这是一个完整的例子，它结合了其他人的提示。它应该从当前目录呈现一个名为 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
于 2008-12-04T19:23:54.163 回答
15
这个问题已经很老了，但是已经过去了 10 年，并且有新的可能性起作用并且不再需要librsvg了。nanosvg 库上有Cython 包装器，它可以工作：
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 解决方案太复杂而无法工作，因为安装依赖项非常模糊。
于 2018-06-27T08:39:54.393 回答
6
Pygame 版本 2.0 支持 SVG 文件。自 2.0.2 版起，SDL Image 支持 SVG（可缩放矢量图形）文件（请参阅SDL_image 2.0）。因此，使用 pygame 版本 2.0.1，可以将 SVG 文件加载到pygame.Surface对象中pygame.image.load()：
surface = pygame.image.load('my.svg')
在 Pygame 2 之前，您必须使用其他库实现可缩放矢量图形加载。以下是有关如何执行此操作的一些想法。
一个非常简单的解决方案是使用CairoSVG。使用该功能cairosvg.svg2png，可以将矢量图形（SVG）文件直接转换为[便携式网络图形（PNG）]文件
安装CairoSVG。
pip install CairoSVG
编写一个将 SVF 文件转换为 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
可以pygame.Surface使用以下函数读取、光栅化并加载 SVG 文件到对象中：
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()
于 2020-10-29T19:32:25.280 回答
4
我意识到这并不能完全回答您的问题，但是有一个名为Squirtle的库将使用 Pyglet 或 PyOpenGL 呈现 SVG 文件。
于 2008-09-23T15:16:51.373 回答
2
Cairo 无法开箱即用地渲染 SVG。看来我们必须使用 librsvg。
刚找到这两个页面：
像这样的东西应该可以工作（渲染test.svg到test.png）：
import cairo
import rsvg
WIDTH, HEIGHT = 256, 256
surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, WIDTH, HEIGHT)
ctx = cairo.Context (surface)
svg = rsvg.Handle(file="test.svg")
svg.render_cairo(ctx)
surface.write_to_png("test.png")
于 2008-09-23T15:17:06.193 回答
2
pygamesvg似乎做你想做的（虽然我还没有尝试过）。
于 2008-09-30T08:24:24.353 回答
1
最后一条评论在我运行它时崩溃了，因为 svg.render_cairo() 期望的是 cairo 上下文而不是 cairo 表面。我创建并测试了以下功能，它似乎在我的系统上运行良好。
import array,cairo, pygame,rsvg
def loadsvg(filename,surface,position):
WIDTH = surface.get_width()
HEIGHT = surface.get_height()
data = array.array('c', chr(0) * WIDTH * HEIGHT * 4)
cairosurface = cairo.ImageSurface.create_for_data(data, cairo.FORMAT_ARGB32, WIDTH, HEIGHT, WIDTH * 4)
svg = rsvg.Handle(filename)
svg.render_cairo(cairo.Context(cairosurface))
image = pygame.image.frombuffer(data.tostring(), (WIDTH, HEIGHT),"ARGB")
surface.blit(image, position)
WIDTH = 800
HEIGHT = 600
pygame.init()
window = pygame.display.set_mode((WIDTH, HEIGHT))
screen = pygame.display.get_surface()
loadsvg("test.svg",screen,(0,0))
pygame.display.flip()
clock = pygame.time.Clock()
while True:
clock.tick(15)
event = pygame.event.get()
for e in event:
if e.type == 12:
raise SystemExit
于 2011-02-09T21:06:29.380 回答
0
根据其他答案，这是一个将 SVG 文件读入 pygame 图像的函数 - 包括更正颜色通道顺序和缩放：
def pygame_svg( svg_file, scale=1 ):
svg = rsvg.Handle(file=svg_file)
width, height= map(svg.get_property, ("width", "height"))
width*=scale; height*=scale
data = array.array('c', chr(0) * width * height * 4)
surface = cairo.ImageSurface.create_for_data( data, cairo.FORMAT_ARGB32, width, height, width*4)
ctx = cairo.Context(surface)
ctx.scale(scale, scale)
svg.render_cairo(ctx)
#seemingly, cairo and pygame expect channels in a different order...
#if colors/alpha are funny, mess with the next lines
import numpy
data= numpy.fromstring(data, dtype='uint8')
data.shape= (height, width, 4)
c= data.copy()
data[::,::,0]=c[::,::,1]
data[::,::,1]=c[::,::,0]
data[::,::,2]=c[::,::,3]
data[::,::,3]=c[::,::,2]
image = pygame.image.frombuffer(data.tostring(), (width, height),"ARGB")
return image
于 2014-10-04T00:43:37.263 回答