doc: Generate svgs with new ansisvg
106
doc/demo.svg
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 10 KiB |
Before Width: | Height: | Size: 32 KiB After Width: | Height: | Size: 4.9 KiB |
Before Width: | Height: | Size: 44 KiB After Width: | Height: | Size: 5.9 KiB |
Before Width: | Height: | Size: 50 KiB After Width: | Height: | Size: 6.2 KiB |
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 6.6 KiB |
@ -1,19 +1,19 @@
|
||||
<svg viewBox="0 0 168 80" width="168" height="80" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
|
||||
<svg width="21ch" height="5em" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve">
|
||||
<style>
|
||||
rect { shape-rendering: crispEdges; }
|
||||
* {
|
||||
font-family: Courier, monospace;
|
||||
font-size: 14px;
|
||||
}
|
||||
tspan, text {
|
||||
dominant-baseline: text-before-edge;
|
||||
alignment-baseline: text-before-edge;
|
||||
font-variant-ligatures: none;
|
||||
dominant-baseline: central;
|
||||
white-space: pre;
|
||||
font: 14px Courier, monospace;
|
||||
fill: #bbbbbb;
|
||||
}
|
||||
.u { text-decoration: underline; }
|
||||
</style>
|
||||
<rect width="100%" height="100%" x="0" y="0" style="fill: #000000"/>
|
||||
<text x="0" y="0"><tspan x="0" y="0">$</tspan><tspan x="8" y="0"> </tspan><tspan x="16" y="0">f</tspan><tspan x="24" y="0">q</tspan><tspan x="32" y="0"> </tspan><tspan x="40" y="0">-</tspan><tspan x="48" y="0">n</tspan><tspan x="56" y="0"> </tspan><tspan x="64" y="0">'</tspan><tspan x="72" y="0">"</tspan><tspan x="80" y="0">h</tspan><tspan x="88" y="0">e</tspan><tspan x="96" y="0">l</tspan><tspan x="104" y="0">l</tspan><tspan x="112" y="0">o</tspan><tspan x="120" y="0">"</tspan><tspan x="128" y="0">'</tspan></text>
|
||||
<text x="0" y="16"><tspan x="0" y="16" style="fill: #00bb00">"</tspan><tspan x="8" y="16" style="fill: #00bb00">h</tspan><tspan x="16" y="16" style="fill: #00bb00">e</tspan><tspan x="24" y="16" style="fill: #00bb00">l</tspan><tspan x="32" y="16" style="fill: #00bb00">l</tspan><tspan x="40" y="16" style="fill: #00bb00">o</tspan><tspan x="48" y="16" style="fill: #00bb00">"</tspan></text>
|
||||
<text x="0" y="32"></text>
|
||||
<text x="0" y="48"><tspan x="0" y="48">$</tspan><tspan x="8" y="48"> </tspan><tspan x="16" y="48">f</tspan><tspan x="24" y="48">q</tspan><tspan x="32" y="48"> </tspan><tspan x="40" y="48">-</tspan><tspan x="48" y="48">n</tspan><tspan x="56" y="48"> </tspan><tspan x="64" y="48">'</tspan><tspan x="72" y="48">"</tspan><tspan x="80" y="48">h</tspan><tspan x="88" y="48">e</tspan><tspan x="96" y="48">l</tspan><tspan x="104" y="48">l</tspan><tspan x="112" y="48">o</tspan><tspan x="120" y="48">"</tspan><tspan x="128" y="48"> </tspan><tspan x="136" y="48">|</tspan><tspan x="144" y="48"> </tspan><tspan x="152" y="48">d</tspan><tspan x="160" y="48">'</tspan></text>
|
||||
<text x="0" y="64"><tspan x="0" y="64" style="fill: #00bb00">"</tspan><tspan x="8" y="64" style="fill: #00bb00">h</tspan><tspan x="16" y="64" style="fill: #00bb00">e</tspan><tspan x="24" y="64" style="fill: #00bb00">l</tspan><tspan x="32" y="64" style="fill: #00bb00">l</tspan><tspan x="40" y="64" style="fill: #00bb00">o</tspan><tspan x="48" y="64" style="fill: #00bb00">"</tspan></text>
|
||||
<text x="0" y="0.5em"><tspan>$ fq -n '"hello"'</tspan></text>
|
||||
<text x="0" y="1.5em"><tspan style="fill:#00bb00">"hello"</tspan></text>
|
||||
<text x="0" y="3.5em"><tspan>$ fq -n '"hello" | d'</tspan></text>
|
||||
<text x="0" y="4.5em"><tspan style="fill:#00bb00">"hello"</tspan></text>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 825 B |
718
doc/formats.svg
Before Width: | Height: | Size: 153 KiB After Width: | Height: | Size: 154 KiB |