Graphviz 中的 CSS 样式表

【问题标题】：CSS Stylesheets in GraphvizGraphviz 中的 CSS 样式表
【发布时间】：2021-11-12 02:17:30
【问题描述】：

Graphviz 支持用于 SVG 输出的 CSS 样式表。文档中有一个属性stylesheet。

是否应该将属性stylesheet 分别赋予所有节点？如何为所有图形元素设置样式表，仅将 CSS 文件名写入一个位置？在哪里？

【问题讨论】：

【解决方案1】：

属性stylesheet 被赋予图形定义。请参阅下面的示例。

sample.dot

graph sample {
    stylesheet="sample.css"
    a [class="sky"]
    b [class="ground"]
    a -- b
}

示例.css

.sky>ellipse {
    fill: deepskyblue;
}

.ground>ellipse {
    fill: palegreen;
}

命令

dot -Tsvg < sample.dot > sample.svg

sample.svg

【讨论】：