Graphviz 中的 CSS 样式表

Posted 2023-03-04

【中文标题】Graphviz 中的 CSS 样式表

【英文标题】：CSS Stylesheets in Graphviz

【发布时间】：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