在PyGame应用程序中的SVG渲染

Question

在pyGame应用程序中，我想呈现SVG中描述的无分辨率GUI小部件。

我可以用什么工具和/或库来达到这个目标？

（我喜欢OCEMP GUI工具，但它似乎是位图依赖于它的渲染）

Answer 1

这是一个完整的例子，它结合了其他人的提示。 它应该从当前目录渲染一个名为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 

Answer 2

可以使用Cairo（与PyCairo），其中有渲染SVGs支持。 PyGame网页有一个HOWTO用于渲染到一个带有Cairo的缓冲区，并直接使用该缓冲区与PyGame。

Answer 3

我意识到这并不完全回答你的问题，但有一个名为Squirtle的库，它将使用Pyglet或PyOpenGL呈现SVG文件。

Answer 4

开罗无法渲染SVG。 看来我们必须使用librsvg。

刚刚发现这两个网页：

• Rendering SVG with libRSVG,Python and c-types
• How to use librsvg from Python

像这样的东西或许应该工作（渲染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") 

Answer 5

pygamesvg似乎做你想做的事（虽然我没有尝试过）。

Answer 6

的最后注释坠毁，当我跑，因为svg.render_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 

Answer 7

基于其他的答案，这里是一个函数读取一个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