Convertitore online gratuito da MMD a SVG

Un diagramma Mermaid salvato come file .mmd potrebbe richiedere una conversione quando un'altra applicazione accetta solo SVG per l'incorporamento, la stampa, la modifica o la pubblicazione sul Web. SVG conserva il diagramma come grafica vettoriale scalabile invece che come immagine raster di dimensioni fisse.

Che cos'è il formato MMD

Nel contesto delle mappe mentali e dei diagrammi di flusso, .mmd è un file di testo semplice contenente il codice sorgente di un diagramma Mermaid. Contiene la sintassi Mermaid per diagrammi di flusso, diagrammi di sequenza, diagrammi delle classi, diagrammi di stato, mappe mentali e strutture visive correlate; normalmente non contiene la grafica renderizzata.

I file Mermaid vengono creati in editor compatibili con Mermaid, sistemi di documentazione, progetti Markdown, repository di codice e strumenti per la creazione di diagrammi che supportano Mermaid. Un file può contenere dichiarazioni come flowchart TD o mindmap, seguite da nodi, connessioni, etichette e istruzioni di stile.

Che cos'è il formato SVG

SVG è un formato di grafica vettoriale basato su XML, supportato da browser Web, applicazioni di progettazione, software per ufficio, piattaforme di documentazione e molti flussi di lavoro di stampa. Memorizza tracciati, forme, testo e stili anziché una griglia di pixel, quindi un diagramma renderizzato può essere ingrandito senza la sfocatura associata a PNG o JPEG.

Usa SVG quando la destinazione richiede una grafica Web incorporabile, un'illustrazione scalabile per la documentazione, una grafica vettoriale modificabile o un elemento grafico ad alta risoluzione per la stampa. Il risultato è un diagramma renderizzato; normalmente non è un file sorgente che può essere riconvertito nella sintassi Mermaid per la modifica.

Come convertire MMD in SVG

Il metodo desktop più diretto è Mermaid CLI, il cui eseguibile è mmdc. Installa Node.js, quindi installa CLI in un terminale:

npm install -g @mermaid-js/mermaid-cli

Salva il codice sorgente Mermaid come diagram.mmd, quindi esegui:

mmdc -i diagram.mmd -o diagram.svg

L'opzione di input seleziona il codice sorgente MMD e l'opzione di output specifica il nome del file SVG. Per usare un tema personalizzato o una configurazione della pagina, crea un file di configurazione JSON come config.json ed esegui:

mmdc -i diagram.mmd -o diagram.svg -c config.json

Puoi anche convertire il file gratuitamente su 101convert.com senza installare software: scegli la conversione da MMD a SVG, carica il file .mmd, avvia la conversione e scarica il file .svg risultante.

Qualità e compatibilità

Il risultato dipende dalla versione di Mermaid utilizzata dal convertitore. La sintassi non supportata, l'indentazione non valida nelle mappe mentali, le dichiarazioni di diagramma mancanti o le funzionalità introdotte in una versione più recente di Mermaid possono causare errori o modificare il layout. Testa il codice sorgente in un'anteprima Mermaid prima della conversione.

Il testo SVG può dipendere dai font installati, quindi un diagramma potrebbe essere riformattato quando viene aperto su un altro sistema. Per ottenere un aspetto coerente, usa font comuni oppure converti il testo in tracciati in un editor vettoriale dopo il rendering; la conversione in tracciati elimina la possibilità di modificare il testo e può aumentare le dimensioni del file. Il comportamento interattivo di Mermaid e la possibilità di modificare il codice sorgente generalmente non vengono conservati in SVG, mentre le immagini esterne o gli elementi personalizzati potrebbero richiedere una gestione separata.