Flytja mermaid skýringarmynd út sem PNG, SVG eða Markdown
Skýringarmynd nýtist aðeins þar sem hún sést. Mermaid gefur þér fjórar leiðir út — mynd, vektor, frumkóða, eða Markdown-blokk sem birtir sig sjálf — og rétta leiðin ræðst algjörlega af því hvert skýringarmyndin er að fara. Þetta er stutta útgáfan, ásamt því sem getur klikkað með hverri þeirra.
Veldu sniðið fyrst
| Áfangastaður | Notaðu | Af hverju |
|---|---|---|
| GitHub, GitLab, Notion, Obsidian | Markdown-blokk | Birtist beint og helst samanburðarhæf — engin skrá að halda í samræmi. |
| Glærur, forskrift, spjallskilaboð | PNG | Límist hvar sem er, þarfnast engrar birtingarvélar, lítur eins út alls staðar. |
| Vefsíða, prentað skjal | SVG | Vektor — skörp í hvaða stærð sem er, og textinn helst valanlegur. |
| Annar ritill, geymsla (repo) | .mmd frumkóði | Breytanlegt síðar. Mynd er blindgata. |
Ef áfangastaðurinn birtir mermaid sjálfur, skaltu alls ekki flytja út. Skýringarmynd sem er vistuð sem texti er hægt að fara yfir línu fyrir línu; sama skýringarmynd vistuð sem PNG er aðeins hægt að skipta út.
Flytja út úr þessum ritli
Opnaðu kóðaflipann — útflutningshnapparnir eru í verkfærastikunni, og hver þeirra vinnur með það sem er birt hverju sinni.
- Afrita SVG — setur
<svg>kóðann á klippiborðið, tilbúinn til að líma beint inn í HTML-skrá eða hönnunartól. - Sækja SVG — vistar
diagram.svg. - Sækja PNG — vistar
diagram.png, birt í 2x upplausn með hvítum bakgrunni svo hún haldist skörp á háupplausnarskjá og lendi aldrei sem gagnsæ klessa á hvítri glæru. - Sækja .mmd — vistar mermaid frumkóðann sem hreina textaskrá.
- Sækja .md (Notion) — vistar frumkóðann innan í afmarkaðri ```mermaid blokk, sem Notion, GitHub og Obsidian birta um leið og henni er límt inn.
Fyrir glærusýningu, taktu PNG. Fyrir allt sem verður stækkað eða minnkað — fyrirsögn í skjali, plakat, prentun — taktu SVG; PNG sem er stækkuð umfram útflutningsstærðina verður óskörp samstundis.
Haltu henni sem texta í staðinn
Afmarkaða blokkin er eini útflutningurinn sem helst breytanlegur á staðnum. Þrjú bakhögg, orðið mermaid, skýringarmyndin þín, þrjú bakhögg:
```mermaid
flowchart LR
A[Write] --> B[Review]
B --> C[Merge]
```- GitHub — birtist í README-skrám, issues, pull requests og athugasemdum.
- GitLab — birtist í wiki, issues og merge requests.
- Notion — límdu inn í kóðablokk og stilltu tungumálið á Mermaid.
- Obsidian — birtist í forskoðun og í birtum minnisblöðum.
- Docusaurus / MkDocs Material / VitePress — mermaid blokkir birtast í byggðum skjölum.
Það sem getur klikkað
PNG-myndin er óskýr
PNG hefur fasta upplausn: hún er flutt út í tiltekinni pixlastærð og stækkun umfram það notar brúun. Þess vegna flytur þessi ritill út í 2x upplausn. Ef það dugar samt ekki, flyttu þá út SVG og umbreyttu því í þá stærð sem þú þarft — eða notaðu bara SVG-ið.
SVG-myndin hefur engan bakgrunn
SVG-útflutningur er gagnsær eðli málsins samkvæmt, þannig að dökkur hnútatexti hverfur á dökkri glæru. Settu SVG-ið annaðhvort á ljóst spjald, eða taktu PNG-ið, sem er flutt út á hvítum bakgrunni.
Leturgerðin lítur öðruvísi út annars staðar
SVG vísar í leturfjölskyldur frekar en að fela þær innbyggðar, svo tölva sem hefur ekki það letur setur annað í staðinn og merkimiðakassarnir hætta að raðast rétt. Notaðu PNG þegar þú ræður ekki við leturgerðirnar hjá þeim sem skoðar.
Skýringarmyndin er skorin af
Útflutningur les það sem er birt hverju sinni, svo miðjaðu sýnina aftur áður en þú flytur út stóra skýringarmynd. Ef merkimiði hnúts er risastór, skiptu honum með <br> — mermaid brýtur ekki merkimiða sjálfkrafa.
Flyttu út í tveimur smellum
Opnaðu ritilinn, límdu inn eða teiknaðu skýringarmyndina þína, og taktu SVG-ið, PNG-ið eða frumkóðann. Ekkert er læst á bak við aðgang.
Algengar spurningar
Hvernig breyti ég mermaid í PNG?
Birtu skýringarmyndina og notaðu svo Sækja PNG. Ritillinn teiknar birta SVG-ið á striga í 2x kvarða með hvítum bakgrunni og vistar niðurstöðuna — engin ferð til netþjóns, svo skýringarmyndin fer aldrei út úr vafranum þínum.
Get ég flutt út gagnsæja PNG-mynd?
Ekki með PNG-hnappnum — hann fyllir viljandi með hvítu, því dökkur texti á skýringarmynd á gagnsæjum bakgrunni er ólæsilegur á flestum stöðum þar sem PNG er límt inn. Flyttu SVG-ið út í staðinn; það er gagnsætt.
Er einhver stærðartakmörkun?
Engin föst takmörkun. Útflutningur fer fram í vafranum þínum, svo raunverulega takmörkunin er það sem vafrinn þinn getur birt — sem er langt umfram þann punkt þar sem skýringarmynd er enn læsileg manneskju.
Hvernig held ég skýringarmyndinni breytanlegri eftir útflutning?
Haltu frumkóðanum. Sæktu .mmd skrána eða Markdown-blokkina samhliða myndinni; ekki er hægt að breyta PNG eða SVG aftur í mermaid, en frumkóðanum er hægt að líma beint aftur inn í ritilinn.