27

pyGameアプリケーションで、SVG で記述された解像度のない GUI ウィジェットをレンダリングしたいと考えています。

この目標を達成するために、どのツールやライブラリを使用できますか?

(私はOCEMP GUIツールキットが好きですが、レンダリングはビットマップに依存しているようです)

4

9 に答える 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 に答える
7

SVG のレンダリングをサポートするCairo (PyCairoを使用) を使用できます。PyGame Web ページには、Cairo を使用してバッファーにレンダリングし、そのバッファーを PyGame で直接使用するためのHOWTOがあります。

于 2008-09-23T12:52:32.950 に答える
6

SVG ファイルは Pygame バージョン 2.0 でサポートされています。バージョン 2.0.2 以降、SDL Image は SVG ( Scalable Vector Graphics ) ファイルをサポートしています ( SDL_image 2.0を参照)。pygame.Surfaceしたがって、pygame バージョン 2.0.1 では、SVG ファイルを次のようにオブジェクトにロードできますpygame.image.load()。

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

Pygame 2 より前は、Scalable Vector Graphicsの読み込みを他のライブラリで実装する必要がありました。以下は、これを行う方法に関するいくつかのアイデアです。

非常に簡単な解決策はCairoSVGを使用することです。機能cairosvg.svg2pngを使用すると、ベクター グラフィックス (SVG)ファイルを [Portable Network Graphics (PNG)] ファイルに直接変換できます。

CairoSVGをインストールします。

pip install CairoSVG

ByteIOSVF ファイルを PNG ( )に変換して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

これがあなたの質問に正確に答えるものではないことは承知していますが、Pyglet または PyOpenGL を使用して SVG ファイルをレンダリングする Squirtleというライブラリがあります。

于 2008-09-23T15:16:51.373 に答える
2

pygamesvgはあなたが望むことをしているようです（私はそれを試していませんが）。

于 2008-09-30T08:24:24.353 に答える
2

Cairo はそのままでは SVG をレンダリングできません。librsvg を使用する必要があるようです。

次の 2 つのページを見つけました。

このようなものはおそらくうまくいくはずです（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 に答える
1

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
于 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 に答える