Mermaidను SVGగా మార్చండి
Mermaid కోడ్ను నిజమైన వెడల్పు, ఎత్తుతో స్వతంత్ర SVGగా మార్చండి. ఇది ఏ జూమ్లోనైనా స్పష్టంగా ఉంటుంది, Figma, Illustrator, Inkscapeలో తెరుచుకుంటుంది, వెబ్సైట్లు, README ఫైల్స్లో సులభంగా ఇమిడిపోతుంది.
ఎప్పటికీ ఉచితం · మీ డివైజ్లోనే రన్ అవుతుంది · 0 బైట్లు అప్లోడ్
Fizzdoc మీకు ఉపయోగపడిందా? ★ GitHubలో స్టార్ ఇవ్వండి — ఇది ఉచితం, ఇతరులు దీన్ని కనుగొనేందుకు సాయపడుతుంది.
Mermaid to SVG ఎలా వాడాలి
- మీ Mermaid కోడ్ పేస్ట్ చేయండి, లేదా ఒక .mmd లేదా .md ఫైల్ ఎంచుకోండి.
- థీమ్ ఎంచుకోండి, కావాలంటే పారదర్శక బ్యాక్గ్రౌండ్ కూడా.
- “SVG సృష్టించండి” క్లిక్ చేసి, ప్రివ్యూ చూసి డౌన్లోడ్ చేయండి.
వీటికి కూడా బాగుంటుంది
- Mermaid to SVG కన్వర్టర్
- Mermaid డయాగ్రామ్ను SVGగా ఎక్స్పోర్ట్ చేయడం
- Mermaid SVG డౌన్లోడ్
- Figma కోసం Mermaid డయాగ్రామ్
- Mermaid చార్ట్ను వెక్టర్ ఇమేజ్గా
మొదలుపెట్టడానికి Mermaid ఉదాహరణలు
flowchartflowchart TD
Start([Order placed]) --> Pay{Paid?}
Pay -->|Yes| Ship[Pack and ship]
Pay -->|No| Remind[Send a reminder]
Remind --> Pay
Ship --> Done([Delivered])sequenceDiagramsequenceDiagram
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 backclassDiagramclassDiagram
class Customer {
+String name
+String email
}
class Order {
+String id
+Date placedAt
+total() Number
}
Customer "1" --> "*" Order : placeserDiagramerDiagram
CUSTOMER ||--o{ ORDER : places
ORDER ||--|{ LINE_ITEM : contains
PRODUCT ||--o{ LINE_ITEM : "appears in"ganttgantt
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, 4dpiepie title Where the week goes
"Coding" : 45
"Meetings" : 30
"Reviews" : 15
"Email" : 10డిజైన్ ప్రకారమే ప్రైవేట్ — మీరే చెక్ చేసుకోవచ్చు
మీ ఫైల్స్ ఎప్పుడూ అప్లోడ్ కావు, ఎందుకంటే వాటిని అప్లోడ్ చేయడానికి ఎక్కడా లేదు.
- అప్లోడ్ దశ అనేదే లేదుఫైల్స్ ఈ బ్రౌజర్ ట్యాబ్లోనే చదవబడతాయి, రాయబడతాయి. వాటిని అందుకునే సర్వర్ అంటూ ఏదీ లేదు.
- బ్రౌజరే దీన్ని అమలు చేస్తుందిఈ పేజీ యొక్క Content Security Policy ఈ సైట్కి మాత్రమే కనెక్షన్లను అనుమతిస్తుంది, ఇది యాప్ను తప్ప మరేమీ అందించదు.
- మీరే చూడండిడెవలపర్ టూల్స్ తెరిచి, Network ట్యాబ్ని గమనిస్తూ ఒక జాబ్ రన్ చేయండి: ఏ రిక్వెస్ట్ కూడా మీ డాక్యుమెంట్ను తీసుకెళ్లదు.
- ఓపెన్ సోర్స్ప్రతి లైన్ కోడ్ GitHubలో ఉంది, qpdf, pdf.js & pdf-lib తో నిర్మించబడింది.
తరచుగా అడిగే ప్రశ్నలు
మీ ఫైల్స్ ఎక్కడైనా అప్లోడ్ అవుతాయా?
లేదు. Fizzdoc ఈ పనిని మీ బ్రౌజర్ ట్యాబ్లోనే చేస్తుంది, WebAssembly మరియు JavaScriptకి కంపైల్ చేసిన ఓపెన్ సోర్స్ ఇంజన్లతో. మీ ఫైల్ మీ డివైజ్ నుండి చదవబడి, స్థానికంగా ప్రాసెస్ చేయబడి, ఫలితం నేరుగా మీ డివైజ్కే తిరిగి సేవ్ చేయబడుతుంది. మీరే దీన్ని చెక్ చేసుకోవచ్చు: బ్రౌజర్ డెవలపర్ టూల్స్ తెరిచి, Network ట్యాబ్కి వెళ్లి ఒక జాబ్ రన్ చేయండి — ఏ రిక్వెస్ట్ కూడా మీ ఫైల్ను తీసుకెళ్లదు.
SVGని తర్వాత ఎడిట్ చేయవచ్చా?
అవును. టెక్స్ట్ నిజమైన టెక్స్ట్గానే ఉంటుంది, ఆకారాలు వెక్టర్ పాత్లుగా ఉంటాయి; కాబట్టి Figma, Illustrator, Inkscape మరియు చాలా డిజైన్ టూల్స్ దీన్ని తెరిచి ఎడిట్ చేయగలవు.
SVGని వెబ్సైట్లో పెట్టడం సురక్షితమేనా?
Mermaid స్ట్రిక్ట్ మోడ్లో నడుస్తుంది, ఇది లేబుల్స్ నుండి స్క్రిప్ట్లు, క్లిక్ హ్యాండ్లర్లను తొలగిస్తుంది; కాబట్టి SVGలో బొమ్మ, దాని స్టైల్స్ మాత్రమే ఉంటాయి.
Fizzdoc ఉచితమా?
అవును, ఇది ఎప్పటికీ ఉచితంగానే ఉంటుంది: సైన్-అప్ లేదు, వాటర్మార్క్ లేదు, రోజువారీ పరిమితి లేదు, ప్రీమియం ప్లాన్ కూడా లేదు. Fizzdoc Apache-2.0 లైసెన్స్ కింద ఓపెన్ సోర్స్, కాబట్టి ఎవరైనా తమ సొంత కాపీని రన్ చేసుకోవచ్చు.
మరిన్ని ప్రైవేట్ టూల్స్
- Mermaid to ImageMermaid డయాగ్రామ్ కోడ్ను PNG లేదా SVGగా మార్చండి.
- Mermaid to PNGMermaid డయాగ్రామ్ను స్పష్టమైన PNG ఇమేజ్గా సేవ్ చేయండి.
- ఇమేజ్ కంప్రెస్ చేయండిJPG, PNG, WebP ఇమేజ్లను చిన్నదిగా చేయండి.
- ఇమేజ్ని 20 KBకి కంప్రెస్ చేయండిఆన్లైన్ ఫారం కోసం ఫోటో లేదా సంతకాన్ని 20 KB కంటే తక్కువకు తీసుకురండి.
- ఇమేజ్ని 50 KBకి కంప్రెస్ చేయండిఆన్లైన్ ఫారం కోసం ఫోటో లేదా సంతకాన్ని 50 KB కంటే తక్కువకు తీసుకురండి.
- ఇమేజ్ని 100 KBకి కంప్రెస్ చేయండిఆన్లైన్ ఫారం కోసం ఫోటో లేదా సంతకాన్ని 100 KB కంటే తక్కువకు తీసుకురండి.
- ఇమేజ్ రీసైజ్ చేయండిపిక్సెల్స్ లేదా శాతం ప్రకారం ఇమేజ్లను పెద్దదిగా లేదా చిన్నదిగా చేయండి.
- ఇమేజ్ కన్వర్ట్ చేయండిJPG, PNG, WebP మధ్య కన్వర్ట్ చేయండి.