Trình Vẽ Sơ Đồ Mermaid

Mermaid là một thư viện JavaScript mã nguồn mở biến các định nghĩa bằng văn bản thành sơ đồ. Thay vì vẽ hình bằng tay, bạn viết một mô tả ngắn gọn theo kiểu markdown về cấu trúc và Mermaid dựng nó thành sơ đồ trực quan hoàn chỉnh.

Cách học nhanh nhất là mở menu Mẫu có sẵn và nạp một ví dụ hoạt động cho loại sơ đồ bạn muốn. Hãy xem cách viết các nút, mũi tên và nhãn, rồi chỉnh mã và quan sát phần xem trước trực tiếp cập nhật. Mỗi loại sơ đồ — lưu đồ, tuần tự, lớp và v.v. — có một từ khóa riêng đơn giản cho dòng đầu tiên.

Tổng cộng chín loại: lưu đồ, sơ đồ tuần tự, sơ đồ lớp, sơ đồ trạng thái, sơ đồ ER (thực thể - quan hệ), biểu đồ Gantt, biểu đồ tròn, sơ đồ tư duy và git graph. Mỗi loại đều có một mẫu có sẵn tương ứng để bắt đầu.

Dùng các nút trên thanh công cụ. SVG tải về một tệp vector co giãn luôn sắc nét ở mọi kích thước — lý tưởng cho tài liệu và web. PNG tải về một ảnh raster dựng ở tỉ lệ 2x để hiển thị sắc nét trên màn hình mật độ điểm ảnh cao. Bạn cũng có thể Sao chép SVG để dán mã sang nơi khác.

Có. Mã của bạn được tự động lưu vào bộ nhớ cục bộ của trình duyệt và khôi phục khi bạn quay lại. Lưu ý rằng việc xóa dữ liệu trình duyệt cũng sẽ xóa mã đã lưu, vì nó chỉ nằm trên thiết bị của bạn.

Mỗi loại sơ đồ Mermaid có quy tắc cú pháp riêng. Những lỗi thường gặp là thiếu mũi tên (-->), sai từ khóa mở đầu, hoặc dấu ngoặc không khớp. Hãy đọc thông báo lỗi hiển thị bên dưới trình soạn thảo — nó chỉ ra dòng hoặc token cần lưu ý.

Có. Trên màn hình hẹp, bố cục xếp chồng theo chiều dọc, với trình soạn thảo ở trên và phần xem trước ở dưới, và bạn có thể kéo thanh phân chia để chỉnh chiều cao của chúng. Mọi tính năng vẫn luôn khả dụng.