Kategori: BILD
Module-logo

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.