87 znaków · darmowe do skopiowania
Znaki do rysowania ramek
Blok Unicode od U+2500 do U+257F zawiera 128 znaków zaprojektowanych tak, by łączyć się w ramki, tabele, drzewa i siatki — cienkie, grube, podwójne, przerywane i zaokrąglone, plus każde złącze, w którym te grubości się spotykają. Z nich naprawdę zbudowany jest interfejs terminala, drzewo katalogów czy tabela ASCII. Skopiuj dowolny znak poniżej; każdy jest opisany swoją nazwą Unicode i punktem kodowym, pogrupowany tak, by potrzebne razem elementy stały razem.
Linie cienkie
Zestaw domyślny. Jedenaście znaków rysuje dowolną prostokątną siatkę, a każdy z nich czysto łączy się z pozostałymi.
Linie grube
Te same jedenaście kształtów, ale grubsze. Łącz z liniami cienkimi, by wyróżnić zewnętrzną ramkę albo zaznaczony rząd.
Linie podwójne
Dwie równoległe kreski. Klasyczna ramka z epoki DOS-a, wciąż najbardziej dekoracyjna opcja w tym bloku.
Zaokrąglone rogi
Łukowe rogi, które łagodzą ramkę z linii cienkich. Podmień je za ┌ ┐ └ ┘ i nic więcej się nie zmienia.
Linie przerywane
Ciągi z potrójną i poczwórną kreską, cienkie i grube. Przydatne do separatora, który ma czytać się jako drugorzędny.
Przekątne i połówki
Ukośniki do przekreślania komórki oraz połówkowe kikuty dla zakończeń linii, które kończą się w połowie komórki.
Przejścia cienkie-grube
Złącza, w których linia cienka spotyka się z grubą. To one pozwalają pogrubić jeden rząd tabeli, nie łamiąc połączeń.
Przejścia podwójne-pojedyncze
Złącza między liniami podwójnymi a pojedynczymi — elementy potrzebne, gdy podwójna zewnętrzna ramka spotyka pojedyncze wewnętrzne linie podziału.
Kliknij dowolny znak, aby go skopiować. Nic nie jest pobierane — to znaki tekstowe, a nie obrazki.
Bloki Unicode
- U+2500–U+257F Rysowanie Ramek
Jak używać — Znaki Rysowania Ramek
Zawsze używaj czcionki o stałej szerokości
To zasada, od której zależy wszystko inne. Znaki do rysowania ramek są zaprojektowane na stałej komórce, więc w czcionce proporcjonalnej pionowe kreski rozjeżdżają się z kolumny. JetBrains Mono, Menlo, Consolas, Cascadia Code i DejaVu Sans Mono dobrze renderują ten blok.
Wybierz jedną grubość i się jej trzymaj
Cienkie łączy się z cienkim, a grube z grubym. Mieszanie ich bez elementów przejściowych zostawia widoczne luki tam, gdzie kreski się nie spotykają. Jeśli naprawdę chcesz grubą ramkę zewnętrzną z cienkimi liniami podziału wewnątrz, weź złącza z grupy przejść cienkie-grube.
Buduj najpierw rogi, potem krawędzie, potem złącza
Tabela to cztery rogi, dwa ciągi krawędzi i przecięcia między nimi. Ułóż najpierw rogi, a reszta wynika mechanicznie — dlatego też łatwo to wygenerować w kodzie.
Ustaw line-height na 1 dla spójnych ramek
Pionowe kreski są rysowane na pełną wysokość komórki znaku. Każdy dodatkowy odstęp wiodący pokazuje się jako luka między rzędami, więc ramka, która wygląda na zepsutą, zwykle potrzebuje tylko line-height: 1.
O Znaki Rysowania Ramek
Blok Rysowanie Ramek jest bezpośrednim potomkiem zestawu znaków strony kodowej 437 IBM PC, który dawał aplikacjom DOS-owym ich ramki i menu na dekady przed tym, zanim ktokolwiek mógł polegać na grafice. Unicode zachował cały ten repertuar pod U+2500 i wciąż jest on w stałym użyciu: obramowania w terminalowym menedżerze plików, gałęzie drzewa katalogów, ramki wokół tabeli w wierszu poleceń i siatki w grach na tej stronie — wszystkie są narysowane z tych 128 znaków.
To, co czyni ten blok niezwykle dobrze zaprojektowanym, to systematyczne pokrycie złączy. Nie wystarczy mieć linię poziomą i pionową; potrzeba każdej kombinacji tego, co dociera do komórki z każdego z czterech kierunków, przy każdej grubości. Dlatego blok zawiera znaki tak specyficzne jak „w dół cienka i pozioma gruba” — istnieją po to, by tabela mogła zmienić grubość kreski w połowie, bez pojedynczej luki w miejscu złącza.
Praktycznym ograniczeniem jest czcionka. Te glify są rysowane tak, by dotykać dokładnie krawędzi swojej komórki, dzięki czemu sąsiednie komórki łączą się w ciągłą kreskę. To działa tylko w czcionce o stałej szerokości przy line-height równym 1. Daj tekstowi dodatkowy odstęp wiodący, a między rzędami pojawią się cienkie poziome luki; ustaw czcionkę proporcjonalną, a pionowe kreski rozjadą się z wyrównania. Niemal każdy problem typu „rysowanie ramek wygląda na zepsute” sprowadza się do jednej z tych dwóch rzeczy.
W bloku jest jedna celowa luka. Unicode koduje cienkie i grube przekątne oraz cienki krzyż przekątny, ale żadnej podwójnej przekątnej ani łuków w grubej wersji, ponieważ oryginalna strona kodowa ich nie miała, a blok został pomyślany pod kątem zgodności, a nie kompletności. Jeśli potrzebujesz zaokrąglonego grubego rogu, po prostu nie istnieje — cztery łuki pod U+256D do U+2570 są dostępne tylko w wersji cienkiej.
Gry narysowane tymi znakami
Każda plansza na tej stronie powstaje z Unicode, a nie z obrazków. Te poniżej korzystają ze znaków przedstawionych powyżej.
Najczęściej zadawane pytania
Dlaczego moje znaki do rysowania ramek się nie zgadzają?
Niemal zawsze to wina czcionki. Te glify zakładają komórkę o stałej szerokości, więc czcionka proporcjonalna wypycha pionowe kreski poza kolumnę. Przełącz się na czcionkę o stałej szerokości, taką jak JetBrains Mono, Consolas albo Menlo. Jeśli ramka zgadza się poziomo, ale pokazuje luki między rzędami, ustaw line-height na 1 — dodatkowy odstęp wiodący rozdziela pionowe kreski.
Jaka jest różnica między znakami do rysowania ramek a ASCII art?
ASCII art udaje linie za pomocą 128 znaków ASCII — myślników, kresek pionowych i plusów — więc rogi są przybliżone, a złącza widocznie nierówne. Znaki do rysowania ramek to celowo zaprojektowane glify, które łączą się dokładnie na krawędzi komórki, dając ciągłe, nieprzerwane kreski. To Unicode, nie ASCII, choć te dwa pojęcia są często mylone.
Których znaków do rysowania ramek potrzebuję do prostej tabeli?
Jedenastu: czterech rogów ┌ ┐ └ ┘, dwóch krawędzi ─ │, czterech złączy T ├ ┤ ┬ ┴ oraz krzyża ┼. Każda prostokątna siatka, niezależnie od rozmiaru, jest zbudowana wyłącznie z nich.
Czy mogę mieszać linie cienkie i grube?
Tak, ale wyłącznie przez znaki przejściowe. Gruba pionowa spotykająca się z cienką poziomą potrzebuje glifu zbudowanego dokładnie na ten przypadek, takiego jak U+2542. Połącz grubą linię wprost z cienką bez odpowiedniego elementu, a dostaniesz widoczną lukę. Grupa przejść cienkie-grube powyżej zawiera pełny zestaw.
Czy znaki do rysowania ramek działają na telefonie?
Wyświetlają się na każdym nowoczesnym telefonie — blok jest stary i powszechnie wspierany. Haczyk w tym, że przeglądarki mobilne często używają domyślnej czcionki proporcjonalnej, więc opakuj je regułą CSS o stałej szerokości zamiast ufać domyślnej, bo inaczej wyrównanie się rozsypie.
Czy w bloku rysowania ramek są zaokrąglone rogi?
Cztery, pod U+256D do U+2570, i są dostępne tylko w wersji cienkiej. Podstaw je za ┌ ┐ └ ┘, by złagodzić ramkę z cienkich linii. Nie ma odpowiednika w grubej ani podwójnej wersji — blok odziedziczył swój repertuar po stronie kodowej 437, która ich nie miała.
Support the arcade
Podobają Ci się gry?
UnicodeGames jest darmowy, nie ma reklam i nigdy nie będzie ich mieć. Jeśli umilił Ci przerwę na kawę, możesz się odwdzięczyć.
Postaw mi kawęOne-off · No account needed · Handled by Buy Me a Coffee