在 Python Pygame 上显示 SVG(来自字符串)
Posted
技术标签:
【中文标题】在 Python Pygame 上显示 SVG(来自字符串)【英文标题】:Display SVG (from string) on Python Pygame 【发布时间】:2021-04-15 09:31:06 【问题描述】:我有一个用字符串表示的 SVG 图形
svg_string='<svg ><ellipse cx="240" cy="50" rx="220" ry="30" style="fill:yellow" /><ellipse cx="220" cy="50" rx="190" ry="20" style="fill:white" /></svg>'
我想在从 Python 启动的窗口上显示由svg_string
表示的图形,即 2 个椭圆。
伪代码应该是这样的
import pygame
def display_svg_figure(screen, svg_string):
# Code that draws the rendered SVG string on
# the screen
pass
background_colour = (255, 255, 255)
(width, height) = (900, 900)
screen = pygame.display.set_mode((width, height))
pygame.display.set_caption('Display SVG')
screen.fill(background_colour)
pygame.display.flip()
svg_string='<svg ><ellipse cx="240" cy="50" rx="220" ry="30" style="fill:yellow" /><ellipse cx="220" cy="50" rx="190" ry="20" style="fill:white" /></svg>'
display_svg_figure(screen, svg_string)
running = True
while running:
for event in pygame.event.get():
if event.type == pygame.QUIT:
running = False
我基本上是在看display_svg_figure(screen,svg_string)
方法的一个实现
我也对使用非 pygame 库持开放态度,只要它遵循以下简单接口并且可以将其包含在 pygame 中
from SOME_LIBRARY import SOME_COMPONENT
svg_string="......"
SOME_COMPONENT.display(svg_string)
我已经查看了pynanosvg
,但它不再受支持并且失败了,因此不能满足我的需要。
Display SVG file in Python 中给出的解决方案似乎不符合要求,因为它在 PyGame 中不起作用。如果有人可以让它工作,请告诉我。
【问题讨论】:
明确一点,你想显示 SVG 字符串的 text,而不是它所代表的图形吗?如果是这样,解决方案不会关心字符串是否为 SVG 格式。 @PeterO。为了澄清它应该渲染它所代表的图形。例如,我需要输出是一个显示 svg_string 中提到的 2 个椭圆的窗口。我已经编辑了最初的查询,以便更清楚地提出我的要求。 【参考方案1】:SVG rendering in a PyGame application 回答了如何读取Scalable Vector Graphics (SVG) 文件。
Pygame 2.0 版支持 SVG 文件。从版本 2.0.2 开始,SDL Image 支持 SVG (Scalable Vector Graphics) 文件(请参阅SDL_image 2.0)。因此,使用 pygame 版本 2.0.1,SVG 文件可以从流 (io.BytesIO
) 加载到带有 pygame.image.load()
的 pygame.Surface
对象:
svg_string = '<svg ><ellipse cx="240" cy="50" rx="220" ry="30" style="fill:yellow" /><ellipse cx="220" cy="50" rx="190" ry="20" style="fill:white" /></svg>'
pygame_surface = pygame.image.load(io.BytesIO(svg_string.encode()))
小例子:
import pygame
import io
pygame.init()
window = pygame.display.set_mode((500, 200))
clock = pygame.time.Clock()
svg_string = '<svg ><ellipse cx="240" cy="50" rx="220" ry="30" style="fill:yellow" /><ellipse cx="220" cy="50" rx="190" ry="20" style="fill:white" /></svg>'
pygame_surface = pygame.image.load(io.BytesIO(svg_string.encode()))
run = True
while run:
clock.tick(60)
for event in pygame.event.get():
if event.type == pygame.QUIT:
run = False
window.fill((255, 255, 255))
window.blit(pygame_surface, pygame_surface.get_rect(center = window.get_rect().center))
pygame.display.flip()
pygame.quit()
exit()
在 Pygame 2 之前,您必须使用其他库实现 Scalable Vector Graphics 加载。呈现 SVG 字符串有多种可能性。
一个简单的可能性是使用 svglib。安装svglib:
pip install svglib
编写一个函数来解析和光栅化一个 SVG 字符串并创建一个 pygame.Surface
对象:
from svglib.svglib import svg2rlg
import io
def load_svg(svg_string):
svg_io = io.StringIO(svg_string)
drawing = svg2rlg(svg_io)
str = drawing.asString("png")
byte_io = io.BytesIO(str)
return pygame.image.load(byte_io)
但是,透明背景似乎存在问题。这个话题有问题How to make the png background transparent? #171。
另一种解决方案(显然更慢)是使用CairoSVG。使用cairosvg.svg2png
功能,可以直接将Vector Graphics (SVG)文件转换为[Portable Network Graphics (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)
另见svgsurf.py。
小例子:
from svglib.svglib import svg2rlg
import pygame
import io
def load_svg_svglib(svg_string):
svg_io = io.StringIO(svg_string)
drawing = svg2rlg(svg_io)
str = drawing.asString("png")
byte_io = io.BytesIO(str)
svg_surf = pygame.image.load(byte_io)
return svg_surf
def display_svg_figure(screen, svg_string):
surf = load_svg_svglib(svg_string)
screen.blit(surf, (0, 0))
background_colour = (255, 255, 255)
(width, height) = (900, 900)
screen = pygame.display.set_mode((width, height))
pygame.display.set_caption('Display SVG')
screen.fill(background_colour)
svg_string='<svg ><ellipse cx="240" cy="50" rx="220" ry="30" style="fill:yellow" /><ellipse cx="220" cy="50" rx="190" ry="20" style="fill:white" /></svg>'
display_svg_figure(screen, svg_string)
running = True
while running:
for event in pygame.event.get():
if event.type == pygame.QUIT:
running = False
pygame.display.flip()
【讨论】:
以上是关于在 Python Pygame 上显示 SVG(来自字符串)的主要内容,如果未能解决你的问题,请参考以下文章