Mermaid в изображение

100%

Вставьте код Mermaid или Markdown с блоком кода Mermaid.

Создавайте изображения из блок-схем и других диаграмм Mermaid без загрузки исходного кода на сервер. Вставьте код или откройте файл Markdown с блоками Mermaid. Просматривайте и экспортируйте диаграммы по отдельности.

Как преобразовать диаграмму Mermaid в изображение

  1. Вставьте код Mermaid или откройте файл Markdown либо MMD в UTF-8. Предпросмотр обновится автоматически после короткой паузы во вводе.
  2. Если диаграмм несколько, выберите нужную над предпросмотром. Откройте параметры, чтобы настроить тему, фон, поля и формат.
  3. Скачайте растровый PNG или масштабируемый SVG. Масштаб PNG меняет разрешение экспорта, а не расположение элементов.

Вопросы о преобразовании Mermaid в изображение

Можно ли преобразовать весь документ Markdown в изображение?

Нет. Инструмент извлекает блоки Mermaid из Markdown и экспортирует по одной диаграмме. Окружающие заголовки, абзацы и обычные блоки кода не включаются. Для просмотра всего документа используйте Markdown Editor.

Какой формат выбрать: PNG или SVG?

PNG сохраняет вид отрисованной диаграммы и подходит для документов и презентаций. SVG остаётся чётким при увеличении, но шрифты на другом устройстве могут отличаться. Оба формата поддерживают прозрачный фон; для PNG доступен масштаб от 1× до 4×.

Какие диаграммы поддерживаются?

Распространённые диаграммы Mermaid включают блок-схемы, диаграммы последовательностей, классов, состояний, сущностей и связей, диаграммы Ганта и круговые диаграммы. Подписи используют доступные шрифты устройства. Интерактивные функции, встроенный HTML и внешние изображения не поддерживаются.

Выполняется ли обработка локально и есть ли ограничения?

Отрисовка и экспорт выполняются в браузере. Ввод ограничен 200 000 символов, импортируемые файлы — 200 КБ, документы — 20 диаграммами. На диаграмму допускается 20 000 символов и до 250 связей. PNG ограничен 8 192 пикселями по каждой стороне и 16 мегапикселями.

Связанные инструменты: Редактор Markdown · Текст в изображение · Онлайн-доска