เพิ่มสมการ LaTeX ลงในไดอะแกรม

เครื่องมือ Math ช่วยให้วางสมการที่จัดพิมพ์แล้วลงบนแคนวาสได้ทุกตำแหน่ง ควบคู่กับชิ้นส่วนอื่นในไดอะแกรม ต้นฉบับยังคงเป็น LaTeX เรนเดอร์ด้วย KaTeX และเปิดแก้ไขต้นฉบับได้ตลอดเวลา คู่มือนี้สำหรับผู้ที่ผ่านบทเรียน 5 ขั้นตอนมาแล้ว และต้องการคู่มืองานแบบเฉพาะเรื่อง

เริ่มสร้างสมการ

ต้องการ	วิธีทำ
วางสมการใหม่	คลิกไอคอน fx ที่แถบเครื่องมือด้านล่าง แล้วคลิกบนแคนวาส
แบบเดียวกัน ใช้แป้นพิมพ์อย่างเดียว	กด `/` แล้วคลิกบนแคนวาส
แก้ไขสมการที่มีอยู่	ดับเบิลคลิกที่สมการ ตัวแก้ไขแบบ inline จะเปิดพร้อม LaTeX เดิม
ยกเลิกสมการเปล่า	กด `Esc` ขณะที่ช่องป้อนข้อมูลยังว่าง — shape จะถูกลบออก

พิมพ์สูตรคณิตศาสตร์

พื้นที่ข้อความเป็น 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 มาพร้อมกับ drawtonomy — \ce{...} สำหรับปฏิกิริยาเคมี และ \pu{...} สำหรับหน่วย เรนเดอร์ลูกศร ตัวห้อย และหน่วยแบบโรมันได้ถูกต้อง

\ce{H2 + Cl2 -> 2 HCl}

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

\pu{2.5 km/h}

สีและขนาด

เลือก shape สมการ แผง Math (LaTeX) จะปรากฏที่มุมบนขวา:

Color — เลือกจากตัวอย่างสี หรือ More… เพื่อดูจานสีทั้งหมด
Size — สไลเดอร์ตั้งแต่ 8 px (ขนาดเชิงอรรถ) ถึง 200 px (หัวเรื่องโปสเตอร์) ลากสไลเดอร์เพื่อปรับแบบ scrub การเปลี่ยนทั้งหมดนับเป็น undo ขั้นเดียว

สำหรับรูปภาพที่พิมพ์เป็นขาวดำ (เช่น วารสาร IEEE ส่วนใหญ่) ควรเลือกสีดำหรือเทาเข้ม เพื่อให้สมการยังอ่านออกหลังการแปลง

หมุน

จับที่จับหมุนบนกล่องเลือก แล้วลาก Math เป็น shape ปกติ ดังนั้นสมการที่เรนเดอร์แล้วทั้งหมดจะหมุนพร้อมกัน

เลื่อนด้วยแป้นพิมพ์

เมื่อเลือก shape Math หนึ่งชิ้นขึ้นไป:

แป้น	ผล
ปุ่มลูกศร	เลื่อน 1 px
`Shift` + ลูกศร	เลื่อน 10 px

คัดลอกและวาง

Cmd+C แล้ว Cmd+V สำเนาจะวางที่ offset +20 px เพื่อให้มองเห็น ต้นฉบับ LaTeX ยังคงอยู่ครบถ้วน

การบันทึกข้อมูล

ระหว่างทำงาน drawtonomy จะบันทึกแคนวาสลง localStorage อัตโนมัติ (debounced และ flush เมื่อปิดแท็บ) หลังโหลดหน้าใหม่ สมการทั้งหมดจะกลับมาพร้อมกัน ทั้งต้นฉบับ LaTeX สี ขนาด และตำแหน่ง

Export ในรูปแบบที่เหมาะสม

ต้องการนำสมการไปใช้ใน…	Export เป็น
บทความ LaTeX (ทั่วไปที่สุด)	PDF — ข้อความถูกแปลงเป็น path ไม่มีปัญหาเรื่องฟอนต์
บทความ LaTeX แบบฝัง vector	SVG (ผ่านแพ็กเกจ `svg`) หรือ EPS
Google Slides / Keynote / PowerPoint	PNG (พื้นหลังโปร่งใส) หรือ SVG หากเครื่องมือรองรับ
Notion / Confluence / บล็อก	SVG เพื่อความคมชัดเมื่อขยาย หรือ PNG หากแพลตฟอร์มไม่รับ SVG
รูปที่ต้องการแก้ไขในภายหลัง	.drawtonomy.svg — รูปแบบ native ของ drawtonomy ที่แก้ไขได้อีก และยังเป็น SVG ที่ถูกต้อง

ดูรูปแบบ export ทั้งหมด สำหรับตารางเต็ม เส้นทางเรนเดอร์สำหรับสมการเหมือนกับส่วนอื่นในแคนวาส ดังนั้นสมการจะ export ด้วยความคมชัดเดียวกับทุกอย่างอื่น

กรณีที่ไม่ควรใช้เครื่องมือ Math

สมการแบบ inline ในย่อหน้าข้อความ — shape Text และ Math ของ drawtonomy เป็นคนละชิ้นกัน สำหรับสมการที่ต้องการให้ไหลอยู่ในประโยค ให้ใช้ Text สำหรับประโยค และวาง shape Math ขนาดเล็กไว้ข้างๆ (สมการ inline จริงๆ ควรอยู่ในต้นฉบับ LaTeX หรือ editor แบบ Notion ไม่ใช่บนไวท์บอร์ด)
การคำนวณ — drawtonomy เรนเดอร์ LaTeX ไม่ได้ประมวลผล สำหรับการแก้ขั้นตอนต่อขั้นตอน ให้ใช้ CAS (Mathematica, SymPy) แล้วนำ LaTeX ที่ได้มาวางใน drawtonomy เพื่อสร้างรูปภาพประกอบ