如何使用Python将SVG字符串渲染为指定分辨率的PNG文件？

这是最常用的轻量实现方案，对标准SVG滤镜（包括你用到的feDisplacementMap类滤镜）支持度较好，适合绝大多数场景。

• 首先安装依赖：pip install cairosvg
• 实现代码如下：

import cairosvg

def svg_to_png(svg_str: str, target_width: int, target_height: int, output_path: str):
    # 替换SVG原宽高为目标分辨率，保留viewBox属性保证内容按比例正常缩放
    modified_svg = svg_str.replace(
        'width="200" height="200"',
        f'width="{target_width}" height="{target_height}"'
    )
    # 直接从SVG字符串渲染为PNG
    cairosvg.svg2png(bytestring=modified_svg.encode('utf-8'), write_to=output_path)

# 你的示例SVG字符串，动态生成的SVG直接替换这里即可
svg_code = '''<svg width="200" height="200" viewBox="0 0 220 220"
     xmlns="http://www.w3.org/2000/svg">
  <filter id="displacementFilter">
    <feTurbulence type="turbulence" baseFrequency="0.05"
        numOctaves="2" result="turbulence"/>
    <feDisplacementMap in2="turbulence" in="SourceGraphic"
        scale="50" xChannelSelector="R" yChannelSelector="G"/>
  </filter>

  <circle cx="100" cy="100" r="100"
      style="filter: url(#displacementFilter)"/>
</svg>'''

# 调用示例：输出800x800分辨率的PNG
svg_to_png(svg_code, 800, 800, "output.png")

提示：Windows环境下如果运行CairoSVG报错，可单独安装Cairo运行库添加到系统路径，或直接使用下方兼容性更好的方案2。

如果你需要100%还原浏览器中的SVG渲染效果（兼容所有Web标准SVG特性），可以用无头浏览器渲染，效果和你在浏览器中打开SVG看到的完全一致。

• 首先安装依赖：pip install playwright，安装完成后执行playwright install chromium安装内置浏览器内核。
• 实现代码如下：

from playwright.sync_api import sync_playwright

def svg_to_png_with_browser(svg_str: str, target_width: int, target_height: int, output_path: str):
    with sync_playwright() as p:
        # 启动无头浏览器
        browser = p.chromium.launch(headless=True)
        page = browser.new_page(viewport={"width": target_width, "height": target_height})
        # 加载SVG内容
        page.set_content(f'''
        <div style="width: {target_width}px; height: {target_height}px; margin:0; padding:0;">
            {svg_str}
        </div>
        ''')
        # 截图输出为PNG，支持保留透明背景
        page.screenshot(path=output_path, omit_background=True)
        browser.close()

# 调用示例
svg_to_png_with_browser(svg_code, 800, 800, "output_browser.png")

两种方案都不需要先把SVG存为本地文件，直接传入动态生成的SVG字符串即可。方案1启动速度快、资源占用低，适合批量处理场景；方案2兼容性拉满，适合对渲染精度要求极高的场景。

内容的提问来源于stack exchange，提问作者DuckQueen