如何将Graphviz生成的SVG图转换回DOT语言？

DevOps 小满

2026-7-26

把Graphviz SVG转基础DOT的可行方案

有几种实用的方法可以实现，不用保留样式，只提取节点、边和标签：

1. 写个简单的Python脚本（最靠谱）

Graphviz生成的SVG结构非常规整，直接解析元素就能拿到需要的信息。用BeautifulSoup或者lxml这类库就能快速实现：

示例脚本

from bs4 import BeautifulSoup

def svg_to_dot(svg_file_path):
    # 读取并解析SVG文件
    with open(svg_file_path, 'r', encoding='utf-8') as f:
        soup = BeautifulSoup(f, 'xml')
    
    dot_content = ['digraph G {']
    
    # 提取所有节点
    node_groups = soup.find_all('g', class_='node')
    for node in node_groups:
        # 从节点ID里提取标识（Graphviz生成的节点ID一般带node-前缀）
        node_id = node['id'].replace('node-', '')
        # 提取节点标签，没有的话用节点ID代替
        node_label = node.find('text').text.strip() if node.find('text') else node_id
        dot_content.append(f'    {node_id} [label="{node_label}"];')
    
    # 提取所有边
    edge_groups = soup.find_all('g', class_='edge')
    for edge in edge_groups:
        source = edge['source'].replace('node-', '')
        target = edge['target'].replace('node-', '')
        # 提取边标签，没有就留空
        edge_label = edge.find('text').text.strip() if edge.find('text') else ''
        if edge_label:
            dot_content.append(f'    {source} -> {target} [label="{edge_label}"];')
        else:
            dot_content.append(f'    {source} -> {target};')
    
    dot_content.append('}')
    return '\n'.join(dot_content)

# 使用方式：替换成你的SVG文件路径
print(svg_to_dot('your_graph.svg'))

这个脚本适配大部分Graphviz生成的SVG，要是你的SVG结构有点特殊，调整下标签选择器就行。