Kategori: BILD

Rita med skrivtecken

Man kan skapa enkla geometriska figurer med hjälp av skrivtecken. Exempelvis kan strukturträd åskådliggöras på detta sätt.

Resultat

Om man skapar enkla geometriska figurer med skrivtecken är det enkelt att redigera och återanvända dem. Man behöver inte tillgång till något ritprogram.

Exempel på figurer som består av skrivtecken

Rektangel

Tabell

Strukturträd

┌─────┐
│     │
│     │
│     │
└─────┘

┌───┬───┬──────┐
│ x │ y │ 123  │
└───┴───┴──────┘

┌──┬──┬──────┐
├──┼──┼──────┤
│  │  │      │
├──┼──┼──────┤
│  │  │      │
├──┼──┼──────┤
│  │  │      │
└──┴──┴──────┘

╒════╤════╤════╕
╞════╪════╪════╡
├────┼────┼────┤
╘════╧════╧════╛

══════════════════
U     Distribution
══════════════════
12 V  Group A
──────────────────
24 V  Group B
══════════════════

File system
│
├─ Folder_1
│  │
│  ├─ Folder_1-1
│  │
│  └─ Folder_1-2
│     │
│     ├─ X.xml
│     ├─ Y.xml
│     └─ X.png
│
├─ Folder 2
│  │
⁞  ⁞

Lösning

Använd specialtecken för att skapa kontinuerliga linjer, hörn och förgreningar. Förutsättningen för detta är att ett typsnitt med fast teckenbredd (monospaced) används, exempelvis Courier New, samt enkelt radavstånd.

Tecken	Benämning	Inmatningskod
─	Box drawings, horizontal	U+2500
│	Box drawings, vertical	U+2502
┌	Box drawings, corner up left	U+250C
└	Box drawings, corner lower left	U+2514
┐	Box drawings, corner up right	U+2510
┘	Box drawings, corner lower right	U+2518
├	Box drawings, vertical and right	U+251C
┤	Box drawings, vertical and left	U+2524
┬	Box drawings, horizontal and down	U+252C
┴	Box drawings, horizontal and up	U+2534
┼	Box drawings, vertical and horizontal	U+253C
⁞	Vertical four dots	U+205E

För att skapa tecknen kan man kopiera från tabellen eller mata in dem med Unicode. Men enklast är kanske att använda Windows systemverktyg Character Map.

Bakgrund

Principen att rita med skrivtecken fungerar i konventionella ordbehandlare och layoutprogram. Principen fungerar dessutom i XML-baserade system om det finns XML-element som renderar med fast teckenbredd och enkelt radavstånd. Exempelvis i DITA informationsmodell kan man använda elementet <pre> eller <codeblock>.

Relaterat

Använd rätt streck-tecken MICROLEARN-025.