Darmowy konwerter online MMD do SVG

Diagram Mermaid zapisany jako plik .mmd może wymagać konwersji, gdy inna aplikacja akceptuje wyłącznie format SVG do osadzania, drukowania, edycji lub publikowania w Internecie. SVG zachowuje diagram jako skalowalną grafikę wektorową zamiast obrazu rastrowego o stałym rozmiarze.

Czym jest format MMD

W kontekście map myśli i schematów blokowych .mmd jest plikiem tekstowym zawierającym źródło diagramu Mermaid. Zawiera składnię Mermaid dla schematów blokowych, diagramów sekwencji, diagramów klas, diagramów stanów, map myśli i powiązanych struktur wizualnych; zazwyczaj nie zawiera samej wyrenderowanej grafiki.

Pliki Mermaid są tworzone w edytorach zgodnych z Mermaid, systemach dokumentacji, projektach Markdown, repozytoriach kodu i narzędziach do tworzenia diagramów obsługujących Mermaid. Plik może zawierać deklaracje takie jak flowchart TD lub mindmap, a następnie węzły, połączenia, etykiety i instrukcje stylizacji.

Czym jest format SVG

SVG to oparty na XML format grafiki wektorowej obsługiwany przez przeglądarki internetowe, aplikacje do projektowania, oprogramowanie biurowe, platformy dokumentacji i wiele procesów drukowania. Przechowuje ścieżki, kształty, tekst i style zamiast siatki pikseli, dzięki czemu wyrenderowany diagram można powiększać bez rozmycia charakterystycznego dla formatów PNG lub JPEG.

Użyj SVG, gdy miejsce docelowe wymaga osadzanej grafiki internetowej, skalowalnej ilustracji do dokumentacji, edytowalnej grafiki wektorowej lub zasobu do druku w wysokiej rozdzielczości. Rezultatem jest wyrenderowany diagram; zazwyczaj nie jest to plik źródłowy, który można ponownie edytować w składni Mermaid.

Jak przekonwertować MMD na SVG

Najbardziej bezpośrednią metodą na komputerze jest Mermaid CLI, którego plik wykonywalny to mmdc. Zainstaluj Node.js, a następnie zainstaluj CLI w terminalu:

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

Zapisz źródło Mermaid jako diagram.mmd, a następnie uruchom:

mmdc -i diagram.mmd -o diagram.svg

Opcja wejściowa wybiera źródło MMD, a opcja wyjściowa określa nazwę pliku SVG. Aby użyć niestandardowego motywu lub konfiguracji strony, utwórz plik konfiguracyjny JSON, taki jak config.json, i uruchom:

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

Możesz również bezpłatnie przekonwertować plik w serwisie 101convert.com bez instalowania oprogramowania: wybierz konwersję MMD do SVG, prześlij plik .mmd, rozpocznij konwersję i pobierz wynikowy plik .svg.

Jakość i zgodność

Wynik zależy od wersji Mermaid używanej przez konwerter. Nieobsługiwana składnia, nieprawidłowe wcięcia w mapach myśli, brakujące deklaracje diagramu lub funkcje wprowadzone w nowszej wersji Mermaid mogą powodować błędy albo zmieniać układ. Przed konwersją przetestuj źródło w podglądzie Mermaid.

Tekst w SVG może zależeć od zainstalowanych czcionek, dlatego po otwarciu diagramu w innym systemie jego układ może ulec zmianie. Aby zapewnić spójny wygląd, używaj popularnych czcionek lub po wyrenderowaniu zamień tekst na obrysy w edytorze wektorowym; zamiana na obrysy uniemożliwia edycję tekstu i może zwiększyć rozmiar pliku. Interaktywne działanie Mermaid oraz możliwość edycji na poziomie źródła zazwyczaj nie zostają zachowane w formacie SVG, a obrazy zewnętrzne lub niestandardowe zasoby mogą wymagać osobnej obsługi.