Chèn công thức LaTeX vào sơ đồ

Công cụ Math cho phép bạn đặt một công thức đã được định dạng đẹp ở bất kỳ vị trí nào trên canvas, ngay cạnh các thành phần khác của sơ đồ. Nguồn vẫn là LaTeX, việc render sử dụng KaTeX, và bạn có thể mở lại để chỉnh sửa bất cứ lúc nào. Hướng dẫn này dành cho những ai đã hoàn thành bài hướng dẫn 5 bước và muốn có một cuốn cẩm nang thao tác cụ thể.

Bắt đầu tạo công thức

Bạn muốn	Làm như sau
Thêm công thức mới	Nhấp vào biểu tượng fx trên thanh công cụ phía dưới, rồi nhấp vào canvas.
Chỉ dùng bàn phím	Nhấn `/`, rồi nhấp vào canvas.
Chỉnh sửa công thức đã có	Nhấp đúp vào công thức. Trình chỉnh sửa nội dòng mở ra với mã LaTeX gốc.
Hủy khi ô nhập trống	Nhấn `Esc` khi ô nhập đang trống — shape sẽ bị xóa.

Nhập công thức toán học

Ô nhập văn bản là LaTeX thuần túy. Phần xem trước bên dưới cập nhật theo từng ký tự bạn gõ, nên lỗi cú pháp hiển thị ngay lập tức (đánh dấu đỏ, không làm hỏng trình chỉnh sửa).

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

Xem tài liệu tham khảo Math để biết đầy đủ các ký hiệu hỗ trợ (chữ Hy Lạp, toán tử, ký hiệu trang trí, ma trận, hóa học, v.v.).

Hệ phương trình nhiều dòng có đánh số

Bọc khối trong align để có số thứ tự kiểu bài báo (1), (2), (3). drawtonomy đảm bảo nội dung công thức và số thứ tự không bao giờ đè lên nhau, kể cả ở cỡ chữ lớn.

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

Dùng align* hoặc aligned nếu bạn muốn căn chỉnh mà không cần đánh số.

Hóa học — `mhchem`

mhchem được tích hợp sẵn — \ce{...} cho phản ứng hóa học và \pu{...} cho đơn vị đo, hiển thị với mũi tên, chỉ số dưới và đơn vị theo kiểu roman đúng chuẩn.

\ce{H2 + Cl2 -> 2 HCl}

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

\pu{2.5 km/h}

Màu sắc và kích thước

Chọn công thức. Bảng Math (LaTeX) xuất hiện ở góc trên bên phải:

Color — chọn màu từ bảng palette, hoặc nhấn More… để mở bảng màu đầy đủ.
Size — thanh trượt từ 8 px (chú thích nhỏ) đến 200 px (tiêu đề poster). Kéo thanh trượt để thay đổi; toàn bộ thao tác gộp thành một bước undo duy nhất.

Với hình minh họa in đen trắng (phần lớn tạp chí IEEE), hãy chọn màu đen hoặc xám đậm — công thức vẫn đọc được sau khi chuyển đổi.

Xoay

Kéo núm xoay phía trên khung chọn. Math là một shape thông thường, nên toàn bộ công thức đã render sẽ xoay cùng nhau.

Di chuyển bằng bàn phím

Khi đã chọn một hoặc nhiều shape Math:

Phím	Tác dụng
Phím mũi tên	Di chuyển 1 px
`Shift` + mũi tên	Di chuyển 10 px

Sao chép và dán

Cmd+C rồi Cmd+V. Bản sao được đặt lệch 20 px để bạn nhìn thấy rõ. Mã LaTeX gốc được giữ nguyên.

Lưu tự động

Trong lúc làm việc, drawtonomy tự động lưu canvas vào localStorage (có debounce, cũng được flush khi đóng tab). Sau khi tải lại trang, các công thức của bạn trở lại đúng như cũ — mã LaTeX, màu sắc, kích thước, vị trí đều được giữ nguyên.

Xuất file đúng định dạng

Bạn muốn đưa công thức vào…	Xuất dạng
Bài báo LaTeX (phổ biến nhất)	PDF — văn bản được chuyển thành path, không bị lỗi font.
Bài báo LaTeX, nhúng dạng vector	SVG (qua gói `svg`) hoặc EPS.
Google Slides / Keynote / PowerPoint	PNG (nền trong suốt) hoặc SVG nếu công cụ hỗ trợ.
Bài đăng trên Notion / Confluence / blog	SVG để hiển thị sắc nét ở mọi cỡ, PNG nếu nền tảng không hỗ trợ SVG.
Hình sẽ chỉnh sửa lại sau	.drawtonomy.svg — định dạng gốc có thể chỉnh sửa lại của drawtonomy. Đây cũng là file SVG hợp lệ.

Xem định dạng xuất để có bảng đầy đủ. Đường dẫn render cho công thức toán giống với phần còn lại của canvas, nên công thức xuất ra với độ trung thực như mọi nội dung khác.

Khi nào không nên dùng công cụ Math

Công thức nội dòng trong đoạn văn bản — shape Text và Math trong drawtonomy là hai thành phần riêng biệt. Với công thức cần nằm trong câu văn, hãy dùng Text cho phần câu và đặt một shape Math nhỏ bên cạnh. (Công thức nội dòng thực sự thuộc về mã nguồn LaTeX hoặc trình soạn thảo kiểu Notion, không phải bảng trắng.)
Tính toán — drawtonomy render LaTeX, không thực hiện tính toán. Để giải từng bước, hãy dùng một hệ đại số máy tính (Mathematica, SymPy) rồi dán kết quả LaTeX vào drawtonomy để tạo hình minh họa.