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

Mermaid kodunu yapıştırın; sunumlar, belgeler, README dosyaları veya sohbet için bir görsel alın. Akış şemaları, sıra, sınıf, durum, ER ve Gantt diyagramları doğrudan cihazınızda çizilir ve görseli indirmeden önce görürsünüz.

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 Görsele nasıl kullanılır

Mermaid kodunuzu yapıştırın veya bir .mmd ya da .md dosyası seçin.
PNG veya SVG’yi, bir boyutu ve bir temayı seçin.
“Görsel oluştur”a tıklayın, önizlemeyi kontrol edin ve indirin.

Şunlar için de kullanışlı

Mermaid’den PNG’ye
Mermaid’den SVG’ye online ücretsiz
Mermaid diyagramını görsel olarak dışa aktarma
Mermaid akış şemasını resme çevirme
Mermaid live editor alternatifi

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.

Hangi diyagramlar çalışır?

Mermaid’in çizebildiği her şey: akış şeması, sıra, sınıf, durum, varlık-ilişki, Gantt, pasta, zihin haritası, zaman çizelgesi ve Git graph diyagramları. Kodda hata varsa Mermaid’in kendi mesajı neyi düzeltmeniz gerektiğini söyler.

PNG mi SVG mi?

SVG her boyutta net kalır ve web siteleri ile tasarım araçları için en iyisidir. PNG Word, PowerPoint ve mesajlaşma uygulamaları dahil her yerde çalışır; net slaytlar ve baskı için 2× veya 4× seçin.

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.