Konwertuj Mermaid na PNG lub SVG

Wklej kod Mermaid i uzyskaj obraz do prezentacji, dokumentów, plików README lub czatu. Schematy blokowe, diagramy sekwencji, klas, stanów, ER i Gantta są rysowane na Twoim urządzeniu, a podgląd zobaczysz przed pobraniem.

Zawsze za darmo · Działa na Twoim urządzeniu · 0 bajtów wysłanych

Wybierz plik .mmd lub upuść go tutaj · nigdy nie opuszcza tego urządzenia

Kod Mermaid Zapisz jako Rozmiar PNG Motyw Przezroczyste tło

Działa wolno lub wcale? Zgłoś to na GitHubie

Jak korzystać z narzędzia Mermaid na obraz

Wklej kod Mermaid lub wybierz plik .mmd albo .md.
Wybierz PNG lub SVG, rozmiar i motyw.
Kliknij „Utwórz obraz”, sprawdź podgląd i pobierz plik.

Przyda się też do

Mermaid na PNG
Mermaid na SVG online za darmo
eksport diagramu Mermaid do obrazu
schemat blokowy Mermaid na obrazek
alternatywa dla Mermaid live editor

Przykłady Mermaid na początek

flowchart

flowchart TD
    Start([Order placed]) --> Pay{Paid?}
    Pay -->|Yes| Ship[Pack and ship]
    Pay -->|No| Remind[Send a reminder]
    Remind --> Pay
    Ship --> Done([Delivered])

sequenceDiagram

sequenceDiagram
    participant U as User
    participant A as App
    participant S as Server
    U->>A: Log in
    A->>S: Check password
    S-->>A: OK
    A-->>U: Welcome back

classDiagram

classDiagram
    class Customer {
      +String name
      +String email
    }
    class Order {
      +String id
      +Date placedAt
      +total() Number
    }
    Customer "1" --> "*" Order : places

erDiagram

erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE_ITEM : contains
    PRODUCT ||--o{ LINE_ITEM : "appears in"

gantt

gantt
    title Website launch
    dateFormat YYYY-MM-DD
    section Build
    Design      :a1, 2025-01-06, 5d
    Development :a2, after a1, 10d
    section Launch
    Testing     :after a2, 4d

pie

pie title Where the week goes
    "Coding" : 45
    "Meetings" : 30
    "Reviews" : 15
    "Email" : 10

Prywatność zaprojektowana od podstaw — a Ty możesz to sprawdzić

Twoje pliki nigdy nie są przesyłane, bo nie ma dokąd ich przesłać.

Nie istnieje krok przesyłaniaPliki są odczytywane i zapisywane wewnątrz tej karty przeglądarki. Nie ma serwera, który mógłby je odebrać.
Przeglądarka to wymuszaPolityka bezpieczeństwa treści (CSP) tej strony zezwala na połączenia tylko z powrotem do tej witryny, która nie serwuje niczego poza samą aplikacją.
Sprawdź samOtwórz narzędzia deweloperskie, obserwuj zakładkę Sieć i uruchom zadanie: żadne żądanie nie przenosi Twojego dokumentu.
Open sourceKażda linia kodu jest dostępna na GitHub, zbudowana na Mermaid.

Najczęściej zadawane pytania

Czy moje pliki są gdzieś przesyłane?

Nie. Fizzdoc wykonuje całą pracę w karcie przeglądarki, korzystając z otwartoźródłowych silników skompilowanych do WebAssembly i JavaScript. Twój plik jest odczytywany z urządzenia, przetwarzany lokalnie, a wynik trafia od razu z powrotem na Twoje urządzenie. Możesz to sam sprawdzić: otwórz narzędzia deweloperskie przeglądarki, przejdź do zakładki Sieć i uruchom zadanie — żadne żądanie nie przenosi Twojego pliku.

Jakie diagramy działają?

Wszystko, co potrafi narysować Mermaid: schematy blokowe, diagramy sekwencji, klas, stanów, związków encji, Gantta, kołowe, mapy myśli, osie czasu i grafy Git. Jeśli w kodzie jest błąd, komunikat samego Mermaid podpowie, co poprawić.

PNG czy SVG?

SVG jest ostry w każdym rozmiarze i najlepszy do stron internetowych i programów graficznych. PNG działa wszędzie, także w Wordzie, PowerPoincie i komunikatorach; wybierz 2× lub 4× dla ostrych slajdów i wydruku.

Czy Fizzdoc jest darmowy?

Tak, i zawsze będzie za darmo: bez rejestracji, bez znaku wodnego, bez dziennego limitu i bez płatnej wersji. Fizzdoc jest open source na licencji Apache-2.0, więc każdy może uruchomić własną kopię.