librrd:用 CSS 语法绘制语法图

Librrd Playground

librrd Playground 提供了一个全新的实验场,让你能用类似 CSS 的语法来定义和渲染语法图。你可以像写样式表一样,通过 terminal、nonterminal 等选择器,灵活控制图表的布局、对齐方式和字体样式。其渲染机制直接将 CSS 应用于生成的 SVG,支持继承、级联和复杂的组合选择器。不过要注意,字体设置需在布局阶段确定,因为文本宽度的计算依赖于此时的字体信息,渲染阶段修改字体不会生效。这套工具让语法图的可视化变得既直观又强大。

不要修改字体,因为文本范围(以及因此的站点宽度)是在布局时计算的,而不是在渲染时,并且它们依赖于字体。

同日更多故事

2026-07-26