วิธีใช้งาน
- เลือกไดอะแกรมจาก «แทรกเทมเพลต» หรือวางโค้ด Mermaid ที่มีอยู่แล้ว
- แก้ไขโค้ดด้านซ้าย ตัวอย่างจะเรนเดอร์ใหม่เมื่อคุณหยุดพิมพ์ และข้อผิดพลาด syntax จะแสดงด้านล่าง
- เลือกธีม แล้ว «ดาวน์โหลด SVG» หรือ «ดาวน์โหลด PNG» หรือ «คัดลอก SVG»
คำอธิบายตัวเลือก
- ประเภทไดอะแกรม
- เทมเพลตครอบผังงาน ไดอะแกรมลำดับ ไดอะแกรมคลาส สถานะ ER แผนภูมิ Gantt พาย และแผนผังความคิด ประเภท Mermaid อื่น ๆ เช่น timelines, quadrant charts และ Git graphs สามารถเขียนโดยตรง
- ธีม
- ธีมในตัวสี่ชุด ค่าเริ่มต้น เป็นกลาง มืด และป่า ธีมเป็นกลางใกล้เคียงขาว-ดำและพิมพ์ได้ดี
- ส่งออก
- SVG เป็นเวกเตอร์และมาตราส่วนโดยไม่สูญเสีย PNG ส่งออกที่ขนาดสองเท่าพร้อมสีพื้นหลัง สำหรับแอปแชตและสไลด์
ตารางอ้างอิงไวยากรณ์ผังงาน
flowchart LR
A["สี่เหลี่ยม"] --> B("มุมมน")
B --> C{"การตัดสินใจ"}
C -->|ใช่| D[("ฐานข้อมูล")]
C -.->|ไม่| E(("วงกลม"))TDบนลงล่าง,LRซ้ายไปขวา-->ลูกศรทึบ,-.->ประ,==>หนา,-->|ข้อความ|พร้อมป้ายกำกับ
คำถามที่พบบ่อย
ฉันสามารถวางโค้ด Mermaid ลงใน GitHub ได้หรือไม่
ได้ วางในบล็อกโค้ด ```mermaid ในไฟล์ Markdown, Issue หรือความเห็น และ GitHub จะเรนเดอร์ไดอะแกรม GitLab, Notion, Obsidian และ Typora รองรับได้เช่นกัน
โค้ดของฉันถูกอัปโหลดหรือไม่
ไม่ Mermaid เรนเดอร์ในเบราว์เซอร์ของคุณ โค้ดและไดอะแกรมไม่ออกจากอุปกรณ์ของคุณ
ทำไมการจัดรูปแบบ Markdown ในโหนดไม่ทำงาน
เพื่อให้สามารถส่งออก PNG ได้ ป้ายชื่อโหนดจะถูกวาดเป็นข้อความ SVG ซึ่งไม่รองรับแท็ก HTML หรือการจัดรูปแบบ rich-text บางส่วน
ความเป็นส่วนตัว
เครื่องมือนี้ทำงานในเบราว์เซอร์ของคุณทั้งหมด ไฟล์และข้อความของคุณได้รับการประมวลผลบนอุปกรณ์ของคุณ และจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ของเรา