Формулы LaTeX в диаграммах

Инструмент Math позволяет размещать набранные формулы прямо на холсте — рядом с остальными элементами диаграммы. Исходный текст хранится в формате LaTeX, рендеринг выполняется через KaTeX, а редактировать формулу можно в любой момент. Это руководство рассчитано на тех, кто уже прошёл 5-шаговый туториал и хочет получить справочник конкретных приёмов работы.

Создание формулы

Задача	Действие
Разместить новую формулу	Нажмите иконку fx на нижней панели инструментов, затем кликните по холсту.
То же с клавиатуры	Нажмите `/`, затем кликните по холсту.
Редактировать существующую формулу	Дважды кликните по ней. Встроенный редактор откроется с исходным LaTeX-кодом.
Отменить пустую формулу	Нажмите `Esc` при пустом поле ввода — фигура будет удалена.

Ввод математики

Текстовая область принимает обычный LaTeX. Предварительный просмотр обновляется при каждом нажатии клавиши, поэтому синтаксические ошибки становятся видны сразу — они подсвечиваются красным, не нарушая работу редактора.

\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)

Полный список поддерживаемых команд (греческие буквы, операторы, украшения, матрицы, химия и др.) — в справочнике Math.

Многострочные системы с номерами уравнений

Для оформления в стиле научной статьи с номерами (1), (2), (3) оберните блок в align. drawtonomy гарантирует, что тела уравнений и их номера не перекрываются даже при большом размере шрифта.

\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}

Если нумерация не нужна, используйте align* или aligned.

Химия — `mhchem`

mhchem включён в поставку: \ce{...} для реакций и \pu{...} для единиц измерения. Стрелки, нижние индексы и единицы в прямом начертании отображаются корректно.

\ce{H2 + Cl2 -> 2 HCl}

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

\pu{2.5 km/h}

Цвет и размер

Выделите формулу. Панель Math (LaTeX) появится в правом верхнем углу:

Color — выбор цвета из палитры или More… для открытия полной палитры цветов.
Size — слайдер от 8 пкс (сноска) до 200 пкс (заголовок на постере). Перетаскивание слайдера фиксируется как один шаг отмены.

Для рисунков в оттенках серого (большинство журналов IEEE) выбирайте чёрный или тёмно-серый — формула останется читаемой после преобразования.

Поворот

Захватите маркер поворота над рамкой выделения и перетащите. Формула — это обычная фигура, поэтому весь отрендеренный блок вращается как единое целое.

Перемещение с клавиатуры

При выделении одной или нескольких формул:

Клавиши	Действие
Стрелки	Сдвиг на 1 пкс
`Shift` + стрелка	Сдвиг на 10 пкс

Копирование и вставка

Cmd+C, затем Cmd+V. Копия появляется со смещением +20 пкс, чтобы её было видно. Исходный LaTeX-код при этом сохраняется.

Автосохранение

Во время работы drawtonomy автоматически сохраняет холст в localStorage (с задержкой, а также принудительно при закрытии вкладки). После перезагрузки страницы все формулы восстанавливаются в точности — с исходным кодом LaTeX, цветом, размером и положением.

Экспорт в нужный формат

Куда вставляете формулу	Формат экспорта
Статья LaTeX (чаще всего)	PDF — текст преобразован в контуры, проблем со шрифтами нет.
Статья LaTeX, векторное встраивание	SVG (через пакет `svg`) или EPS.
Google Slides / Keynote / PowerPoint	PNG (прозрачный фон) или SVG, если инструмент поддерживает.
Notion / Confluence / блог	SVG для чёткого масштабирования, PNG если платформа не принимает SVG.
Рисунок для дальнейшего редактирования	.drawtonomy.svg — собственный формат drawtonomy, допускающий повторное редактирование. Он же является корректным SVG.

Полная матрица форматов — в разделе форматы экспорта. Путь рендеринга для математики совпадает с остальным холстом, поэтому качество экспорта формул не отличается от других элементов.

Когда инструмент Math не подходит

Формула внутри текстового абзаца — в drawtonomy фигуры Text и Math существуют раздельно. Если формула должна находиться внутри предложения, напишите предложение через Text, а рядом разместите небольшую фигуру Math. Настоящая строчная математика относится к исходному коду LaTeX или редактору наподобие Notion — не к доске.
Вычисления — drawtonomy рендерит LaTeX, но не вычисляет его. Для пошаговых решений воспользуйтесь CAS (Mathematica, SymPy), а полученный LaTeX вставьте в drawtonomy для оформления рисунка.