Mermaid’i SVG’ye dönüştürün

Mermaid kodunu gerçek genişlik ve yüksekliğe sahip bağımsız bir SVG’ye çevirin. Her yakınlaştırmada net kalır, Figma, Illustrator ve Inkscape’te açılır, web sitelerine ve README dosyalarına sorunsuz gömülür.

Sonsuza dek ücretsiz · Cihazınızda çalışır · 0 bayt yüklenir

Bir .mmd dosyası seçin veya buraya bırakın · bu cihazdan asla çıkmaz

Mermaid kodu Farklı kaydet PNG boyutu Tema Şeffaf arka plan

Mermaid’den SVG’ye nasıl kullanılır

Mermaid kodunuzu yapıştırın veya bir .mmd ya da .md dosyası seçin.
Bir tema seçin, isterseniz şeffaf arka plan da ekleyin.
“SVG oluştur”a tıklayın, önizlemeyi kontrol edin ve indirin.

Şunlar için de kullanışlı

Mermaid’den SVG’ye
Mermaid diyagramını SVG olarak kaydet
Mermaid SVG indir
Figma için Mermaid diyagramı
Mermaid grafiğini vektör görsele çevirme

Başlamak için Mermaid örnekleri

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

Tasarım gereği gizli — ve kontrol edebilirsiniz

Dosyalarınız asla yüklenmez, çünkü yüklenebilecekleri bir yer yoktur.

Yükleme adımı yokturDosyalar bu tarayıcı sekmesinin içinde okunur ve yazılır. Onları alabilecek bir sunucu yoktur.
Tarayıcı bunu zorunlu kılarBu sayfanın İçerik Güvenliği Politikası, yalnızca bu siteye geri bağlantılara izin verir; bu site de yalnızca uygulamanın kendisini sunar.
Kendiniz görünGeliştirici araçlarını açın, Ağ sekmesini izleyin ve bir işlem çalıştırın: hiçbir istek belgenizi taşımaz.
Açık kaynakHer satır GitHub üzerindedir, qpdf, pdf.js & pdf-lib üzerine inşa edilmiştir.

Sık sorulan sorular

Dosyalarım herhangi bir yere yükleniyor mu?

Hayır. Fizzdoc, WebAssembly ve JavaScript'e derlenmiş açık kaynaklı motorları kullanarak işlemi tarayıcı sekmenizin içinde yapar. Dosyanız cihazınızdan okunur, yerel olarak işlenir ve sonuç doğrudan cihazınıza kaydedilir. Bunu kendiniz de kontrol edebilirsiniz: tarayıcınızın geliştirici araçlarını açın, Ağ (Network) sekmesine gidin ve bir işlem çalıştırın — hiçbir istek dosyanızı taşımaz.

SVG’yi sonradan düzenleyebilir miyim?

Evet. Metin gerçek metin, şekiller vektör yolu olarak kalır; Figma, Illustrator, Inkscape ve çoğu tasarım aracı dosyayı açıp düzenleyebilir.

SVG’yi web sitesine koymak güvenli mi?

Mermaid, etiketlerden betikleri ve tıklama işleyicilerini kaldıran katı modda çalışır; bu yüzden SVG yalnızca çizimi ve stillerini içerir.

Fizzdoc ücretsiz mi?

Evet, ve ücretsiz kalacak: kayıt yok, filigran yok, günlük limit yok, ücretli katman yok. Fizzdoc, Apache-2.0 lisansıyla açık kaynaktır, bu yüzden herkes kendi kopyasını çalıştırabilir.