在画布上输入 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)

完整语法（希腊字母、运算符、装饰符、矩阵、化学式等）参见公式参考。

多行方程组与编号

用 align 环境可以生成论文风格的公式编号 (1)、(2)、(3)。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 px（脚注级）到 200 px（海报标题级）。拖动滑块连续预览，松手后合并为一步撤销记录。

灰度打印场景（IEEE 期刊等）建议选黑色或深灰，转换后公式仍可清晰阅读。

旋转

拖动选框顶部的旋转手柄即可旋转。公式是普通形状，整个渲染结果会整体旋转。

键盘移动

选中一个或多个 Math 形状后：

按键	效果
方向键	移动 1 px
`Shift` + 方向键	移动 10 px

复制与粘贴

Cmd+C 然后 Cmd+V。副本偏移 +20 px 以便区分，LaTeX 源码一并保留。

持久化存储

工作过程中，drawtonomy 会将画布自动保存到 localStorage（防抖处理，标签页关闭时也会立即写入）。刷新页面后，所有公式的 LaTeX 源码、颜色、字号、位置都会完整恢复。

选择合适的导出格式

目标用途	推荐格式
嵌入 LaTeX 论文（最常见）	PDF——文字已转为路径，无字体兼容问题。
LaTeX 论文矢量嵌入	SVG（通过 `svg` 宏包）或 EPS。
Google Slides / Keynote / PowerPoint	PNG（透明背景），支持 SVG 的工具也可用 SVG。
Notion / Confluence / 博客	SVG 缩放清晰；平台不支持 SVG 时改用 PNG。
日后需要再次编辑	.drawtonomy.svg——drawtonomy 原生格式，可重新编辑，同时也是合法的 SVG 文件。

完整格式对比见导出格式参考。公式的渲染路径与画布其他元素一致，导出质量相同。

不适合用 Math 工具的场景

段落内的行内公式——drawtonomy 的 Text 形状和 Math 形状是独立的。如果公式需要嵌入句子中，可以用 Text 写句子，再把小尺寸的 Math 形状放在旁边。真正的行内公式应该留在 LaTeX 源文件或 Notion 类编辑器里处理，不适合放在白板上。
数值计算——drawtonomy 只负责渲染 LaTeX，不做计算。需要推导过程的场景，建议先用 CAS 工具（Mathematica、SymPy 等）计算，再将得到的 LaTeX 粘贴到 drawtonomy 里制图。