ตัวแก้ไขไดอะแกรม Mermaid
- ไฟล์ไม่ออกจากอุปกรณ์ของคุณ
- ทำงานในเบราว์เซอร์
- ฟรี ไม่ต้องสมัคร ไม่มีลายน้ำ
วิธีใช้ ตัวแก้ไขไดอะแกรม Mermaid
เขียนโค้ด Mermaid แล้วดูไดอะแกรมขณะพิมพ์: โฟลว์ชาร์ต ลำดับ คลาส สถานะ ER แกนต์ วงกลม แผนผังความคิด ไทม์ไลน์ และกราฟ Git ซูมและเลื่อนตัวอย่าง แล้วส่งออก SVG หรือ PNG ที่ขนาดสูงสุด 4× การเรนเดอร์เกิดในเบราว์เซอร์ของคุณ
- 1
พิมพ์โค้ด Mermaid ในตัวแก้ไข หรือเลือกไดอะแกรมจากตัวอย่างเพื่อเริ่ม
- 2
เลือกธีม: ค่าเริ่มต้น เป็นกลาง มืด หรือป่า
- 3
ตรวจตัวอย่าง เลื่อนหรือบีบเพื่อซูม ลากเพื่อเลื่อนภาพ และใช้พอดีมุมมองหรือเต็มหน้าจอ
- 4
ตั้งพื้นหลังและขนาด PNG แล้วคลิก SVG หรือ PNG เพื่อดาวน์โหลด หรือคัดลอก SVG / คัดลอก PNG สำหรับคลิปบอร์ด
คำถามที่พบบ่อย
โค้ดไดอะแกรมของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่?
ไม่ Mermaid ทำงานในหน้า ดังนั้นโค้ดและไดอะแกรมของคุณอยู่ในเบราว์เซอร์ โค้ดถูกบันทึกในเครื่องเพื่อให้ยังอยู่ครั้งถัดไป
เกิดอะไรขึ้นเมื่อโค้ดของฉันมีข้อผิดพลาดไวยากรณ์?
ข้อผิดพลาดปรากฏใต้ตัวแก้ไขพร้อมเลขบรรทัด และตัวอย่างยังแสดงไดอะแกรมล่าสุดที่เรนเดอร์ได้
ส่งออกด้วยพื้นหลังโปร่งใสได้หรือไม่?
ได้ ตั้งพื้นหลังเป็นโปร่งใสก่อนส่งออก SVG หรือ PNG
ได้ PNG ที่คมกว่าอย่างไร?
เลือกขนาด PNG ที่ 2×, 3× หรือ 4× มิติพิกเซลที่ตรงแสดงข้างการตั้งค่า
มีแป้นลัดสำหรับบันทึกหรือไม่?
Ctrl/⌘ + S ในตัวแก้ไขดาวน์โหลด SVG ในตัวอย่าง + และ − ซูม ปุ่มลูกศรเลื่อนภาพ 0 รีเซ็ตเป็น 100% และ F พอดีไดอะแกรม