Skip to main content

Style Svgbob

Svgbob takes geometry from the text and supports renderer-level SVG settings.

Start with the general presentation settings. They control the canvas background, padding, and frame for every diagram.

Source controlsโ€‹

  • Change the source spacing to change object placement.
  • Use supported characters to select line and corner forms.
  • Use renderer options for uniform color and font changes.

Renderer optionsโ€‹

OptionValuesPurpose
backgroundCSS color; default is whiteSet the SVG background.
font-familyFont family; default is arialSet the label font.
font-sizeInteger; default is 14Set the label font size.
fill-colorCSS color; default is blackSet the solid-shape fill.
scaleNumber; default is 1Scale the SVG.
stroke-widthNumber; default is 2Set the line width.