Konwertuj Mermaid na SVG

Zamień kod Mermaid w samodzielny SVG z prawdziwą szerokością i wysokością. Pozostaje ostry przy każdym powiększeniu, otwiera się w Figmie, Illustratorze i Inkscape oraz dobrze wpasowuje się w strony i pliki README.

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

Jak korzystać z narzędzia Mermaid na SVG

Wklej kod Mermaid lub wybierz plik .mmd albo .md.
Wybierz motyw i, jeśli chcesz, przezroczyste tło.
Kliknij „Utwórz SVG”, sprawdź podgląd i pobierz plik.

Przyda się też do

Mermaid na SVG
zapisz diagram Mermaid jako SVG
pobierz Mermaid SVG
diagram Mermaid do Figmy
wykres Mermaid na obraz wektorowy

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 qpdf, pdf.js & pdf-lib.

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.

Czy mogę edytować SVG po pobraniu?

Tak. Tekst pozostaje prawdziwym tekstem, a kształty ścieżkami wektorowymi, więc Figma, Illustrator, Inkscape i większość programów graficznych otworzy i edytuje plik.

Czy SVG jest bezpieczny na stronie internetowej?

Mermaid działa w trybie ścisłym, który usuwa z etykiet skrypty i obsługę kliknięć, więc SVG zawiera wyłącznie rysunek i jego style.

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ę.