Chuyển đổi Mermaid sang SVG
Xuất sơ đồ Mermaid dưới dạng đồ họa vector SVG có thể mở rộng. Hoàn hảo cho nhúng web, tài liệu in ấn và thiết kế responsive.
Chuyển đổi Mermaid sang SVG
Viết mã Mermaid rồi dùng nút Export để tải xuống SVG
Example
Mermaid to SVG example
A simple Mermaid flowchart showing how code becomes a live preview and exportable PNG.
Mermaid code
graph TD
A[User opens Mermaid Editor] --> B[Write Mermaid code]
B --> C{Preview looks right?}
C -- Yes --> D[Export PNG]
C -- No --> E[Edit diagram]
E --> BCách chuyển đổi Mermaid sang SVG
Viết hoặc dán mã sơ đồ Mermaid vào trình soạn thảo
Xem trước sơ đồ đã hiển thị theo thời gian thực
Nhấp Tải SVG để lưu tệp vector
Hoặc sao chép mã SVG để nhúng trực tiếp vào HTML
Tại sao sử dụng SVG?
Mở rộng vô hạn
Hình ảnh SVG không bao giờ mất chất lượng dù phóng to bao nhiêu. Hoàn hảo cho thuyết trình và in ấn.
Nhẹ
Tệp SVG thường nhỏ hơn tương đương PNG, giúp trang của bạn tải nhanh hơn.
Có thể chỉnh sửa
SVG dựa trên XML, nên bạn có thể chỉnh sửa thêm màu sắc, phông chữ và kiểu dáng bằng CSS hoặc JavaScript.
Dễ tiếp cận
SVG hỗ trợ các phần tử văn bản mà trình đọc màn hình có thể truy cập, cải thiện khả năng tiếp cận.
Câu hỏi thường gặp
Sự khác biệt giữa SVG và PNG là gì?
SVG là định dạng vector có thể mở rộng vô hạn mà không mất chất lượng, trong khi PNG là định dạng raster với độ phân giải cố định. Sử dụng SVG cho web và in ấn, PNG cho mạng xã hội và tin nhắn.
Tôi có thể nhúng SVG trực tiếp vào HTML không?
Có, bạn có thể sao chép mã SVG và dán trực tiếp vào HTML. Bạn cũng có thể sử dụng nó làm nguồn hình ảnh với thẻ img.
SVG có hiển thị giống nhau trên tất cả trình duyệt không?
Có, SVG được hỗ trợ tốt trên tất cả trình duyệt hiện đại bao gồm Chrome, Firefox, Safari và Edge.