다이어그램에 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 레퍼런스를 참고하십시오.

식 번호가 있는 여러 줄 수식

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는 일반 셰이프이므로 렌더링된 수식 전체가 함께 회전합니다.

키보드로 이동

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
Notion / Confluence / 블로그	선명한 확대를 위해 SVG, 플랫폼이 SVG를 거부하면 PNG
나중에 재편집할 파일	.drawtonomy.svg — drawtonomy 네이티브 형식이면서 유효한 SVG

내보내기 매트릭스 전체는 내보내기 형식을 참고하십시오. Math의 렌더링 경로는 캔버스 전체와 동일하므로 수식도 다른 셰이프와 같은 품질로 내보내집니다.

Math 도구가 적합하지 않은 경우

문장 내 인라인 수식 — drawtonomy의 Text 셰이프와 Math 셰이프는 별개입니다. 문장 흐름 안에 수식을 넣고 싶다면 Text로 문장을 작성하고 옆에 작은 Math 셰이프를 배치하십시오. (실제 인라인 수식은 LaTeX 원고 또는 Notion 계열 에디터의 영역입니다.)
계산 — drawtonomy는 LaTeX를 렌더링할 뿐, 수식을 계산하지는 않습니다. 단계별 풀이가 필요하다면 Mathematica, SymPy 등의 CAS에서 LaTeX를 생성한 후 drawtonomy에 붙여넣으십시오.