Fara beint í aðalefni
LibraTool logoLibraTool

Mermaid-myndritaritill — ókeypis

Skrifaðu flæðirit, raðarit, Gantt-línurit og fleira í Mermaid-setningafræði með beinni forskoðun. Flyttu út sem SVG eða PNG. Keyrir alfarið í vafranum þínum.

💡 Skrifaðu skýringarmyndir með Mermaid-málskipan — flæðirit, runurit, Gantt-rit, klasarit og fleira — og flyttu út sem SVG eða PNG. Allt keyrir í vafranum þínum: textinn í myndinni er aldrei sendur frá tækinu og Mermaid-teiknivélin er afhent frá þessari síðu en ekki utanaðkomandi CDN.

Algeng notkun

  • Búðu til flæðiritBúðu til flæðirit úr texta og fluttu það sem mynd.
  • Teiknaðu röð skýringarmyndSkýrðu hvernig kerfi eða fólk hefur samskipti yfir tíma.
  • Bættu skýringarmynd við READMEBúðu til skýringarmyndir sem GitHub getur gefið út þekkt í þínum README.
  • Smíðaðu Gantt-töfluSettu verkefnastrik upp sem Gantt-töflu úr texta.
  • Búðu til flokkaritSkýrðu flokka og tengsl þeirra fyrir hugbúnaðarútfæringu.

Hvernig það virkar

Mermaid leyfir þér að skrifa skýringarmyndir sem texti og láta þá endurleistast sjálfkrafa — frábært fyrir að halda skýringarmyndum í útgáfu stjórnun. Þessi er lifandi ritstjóri sem endurleistast þegar þú sláð.

  1. 1
    Mermaid véla hleðst
    Mermaid-safnið hleðst frá LibraTool þegar þú notar tólið í fyrsta sinn og vafrinn geymir það síðan í skyndiminni.
  2. 2
    Þú skrifa skýringarmynda kóða
    Flæðiskrár, röð skýringarmyndir, Gantt töflur, bekkur skýringarmyndir, kaka töflur og fleira — með því að nota Mermaid textúr málsgrein.
  3. 3
    Það endurleistast lifandi
    Kóðinn þinn er þáttað og endurleistað til SVG í vafranum þínum þegar þú sláðu, með ljósum og dökum þemum.
  4. 4
    Útflutningur SVG eða PNG
    Niðurhal skýringarmyndina sem stigstærðar SVG eða 2 × PNG til að sleppa inn í skjöl, glosuflökur eða README.

Skýringarmynda kóðinn þinn — sem getur lýst innri kerfum — er endurleistað algjörlega í vafranum þínum og aldrei hlaðið upp.

Tengd verkfæri

📝

Markdown-ritill

Skrifaðu og forskoðaðu Markdown í rauntíma. Styður fyrirsagnir, feitletrun, skáletur, kóðablokkir, töflur og lista.

Prófaðu það
🟦

CSS Grid framleiðandi

Hannstu CSS hnitakerfi með sjónrænum hætti — brautir, einingar og bila — og afritaðu mynduðu CSS og HTML.

Prófaðu það
🌳

ASCII-trjágerð

Breyttu inndregnum lista í hreint möpputré (├── └──) fyrir README og skjöl. Unicode eða venjulegt ASCII úttak. Keyrir alfarið í vafranum þínum.

Prófaðu það

Algengar spurningar