Wzory LaTeX w diagramach

Narzędzie Math pozwala umieścić złożony wzór w dowolnym miejscu na płótnie — obok rysunków, pasów ruchu czy innych elementów diagramu. Źródło pozostaje w formacie LaTeX, renderowanie odbywa się przez KaTeX, a wzór można w każdej chwili ponownie otworzyć i edytować. Niniejszy przewodnik zakłada, że ukończyłeś 5-krokowy samouczek i szukasz konkretnych przepisów do poszczególnych zadań.

Wstawianie wzoru

Cel	Sposób
Nowy wzór	Kliknij ikonę fx w dolnym pasku narzędzi, a następnie kliknij na płótnie.
To samo, tylko klawiatura	Naciśnij `/`, a następnie kliknij na płótnie.
Ponowna edycja istniejącego wzoru	Kliknij dwukrotnie — edytor otworzy się z oryginalnym kodem LaTeX.
Anulowanie pustego wzoru	Naciśnij `Esc` przy pustym polu — element zostanie usunięty.

Wpisywanie wzorów

Pole tekstowe przyjmuje zwykły kod LaTeX. Podgląd pod spodem odświeża się przy każdym naciśnięciu klawisza, więc błędy składni widać od razu — są podświetlone na czerwono, a edytor działa bez przerwy.

\int_0^{\infty} e^{-x^2} \, dx = \frac{\sqrt{\pi}}{2}

\sum_{i=1}^n i = \frac{n(n+1)}{2}

\hat{y} = \sigma(W x + b)

Pełny wykaz dostępnych poleceń (litery greckie, operatory, dekoracje, macierze, chemia itd.) znajdziesz w dokumentacji Math.

Układy równań z numeracją

Aby uzyskać numery równań w stylu artykułu naukowego — (1), (2), (3) — owiń blok w środowisko align. drawtonomy automatycznie dba o to, żeby treść równań i numery nigdy się nie nakładały, nawet przy dużych rozmiarach czcionki.

\begin{align}
  \nabla \cdot \mathbf{E} &= \frac{\rho}{\varepsilon_0} \\
  \nabla \cdot \mathbf{B} &= 0 \\
  \nabla \times \mathbf{E} &= -\frac{\partial \mathbf{B}}{\partial t} \\
  \nabla \times \mathbf{B} &= \mu_0 \mathbf{J} + \mu_0 \varepsilon_0 \frac{\partial \mathbf{E}}{\partial t}
\end{align}

Jeśli wyrównanie jest potrzebne bez numeracji, użyj align* lub aligned.

Chemia — `mhchem`

Pakiet mhchem jest wbudowany — \ce{...} do reakcji chemicznych i \pu{...} do jednostek renderuje strzałki, indeksy dolne i jednostki w stylu antykwy zgodnie ze standardami.

\ce{H2 + Cl2 -> 2 HCl}

\ce{H2O ->[\text{electrolysis}] H2 + 1/2 O2}

\pu{2.5 km/h}

Kolor i rozmiar

Zaznacz wzór. Panel Math (LaTeX) pojawi się w prawym górnym rogu:

Color — próbnik kolorów lub More…, żeby otworzyć pełną paletę kolorów.
Size — suwak od 8 px (przypis dolny) do 200 px (nagłówek plakatu). Przeciągnięcie suwaka scala zmiany w jeden krok cofania.

W przypadku rysunków drukowanych w skali szarości (większość stron IEEE i czasopism naukowych) najlepiej wybrać czarny lub ciemny szary — wzór pozostanie czytelny po konwersji.

Obracanie

Chwyć uchwyt obrotu widoczny nad ramką zaznaczenia i przeciągnij. Math jest zwykłym elementem, więc cały wyrenderowany wzór obraca się jako całość.

Przesuwanie klawiaturą

Gdy zaznaczony jest jeden lub więcej elementów Math:

Klawisze	Efekt
Klawisze strzałek	Przesunięcie o 1 px
`Shift` + strzałka	Przesunięcie o 10 px

Kopiowanie i wklejanie

Cmd+C, a następnie Cmd+V. Kopia pojawia się z przesunięciem o 20 px, żeby było ją widać. Kod LaTeX jest zachowany.

Automatyczny zapis

Podczas pracy drawtonomy automatycznie zapisuje płótno do localStorage (z debounce’em i opróżnianiem przy zamknięciu karty). Po przeładowaniu strony wszystkie wzory wracają dokładnie w takim stanie, w jakim były — z kodem LaTeX, kolorem, rozmiarem i pozycją.

Eksport — jaki format wybrać

Przeznaczenie	Format eksportu
Artykuł w LaTeX (najczęstszy przypadek)	PDF — tekst skonwertowany do ścieżek, bez problemów z czcionkami.
Artykuł w LaTeX, osadzenie wektorowe	SVG (przez pakiet `svg`) lub EPS.
Google Slides / Keynote / PowerPoint	PNG (przezroczyste tło) lub SVG, jeśli narzędzie to obsługuje.
Notion / Confluence / wpis na blogu	SVG dla ostrego skalowania, PNG gdy platforma nie akceptuje SVG.
Rysunek do późniejszej edycji	.drawtonomy.svg — natywny, edytowalny format drawtonomy, jednocześnie poprawny plik SVG.

Pełną tabelę możliwości znajdziesz w dokumentacji formatów eksportu. Ścieżka renderowania wzorów jest taka sama jak dla reszty płótna — jakość eksportu jest jednakowa dla wszystkich elementów.

Kiedy nie używać narzędzia Math

Wzór wbudowany w tekst akapitu — elementy Text i Math w drawtonomy są od siebie niezależne. Jeśli wzór ma pojawiać się wewnątrz zdania, wpisz zdanie zwykłym elementem Text, a obok umieść mały element Math. Prawdziwe wzory wbudowane w tekst lepiej zostawić w źródle LaTeX lub w edytorze w stylu Notion, nie w narzędziu do rysowania.
Obliczenia — drawtonomy renderuje LaTeX, ale go nie oblicza. Do rozwiązywania równań krok po kroku skorzystaj z systemu algebry komputerowej (Mathematica, SymPy), a wynikowy kod LaTeX wklej do drawtonomy jako element do ilustracji.