x-cmd pkg | mermaid - 流程图、时序图等图表绘制工具

简介

mermaid-cli 是由 Mermaid 官方提供的命令行工具,用于将 Mermaid 语法的文本转换为 SVG / PNG / PDF。

Mermaid 是一个基于 JavaScript 的图表绘制工具,它使用简单的文本描述语法,就可以绘制出流程图、时序图、甘特图等多种图表。

首次用户

  1. 使用 x env use mermaid-cli 即可自动下载并使用

    • 在终端运行 eval "$(curl https://get.x-cmd.com)" 即可完成 x 命令安装, 详情参考 x-cmd 官网
  2. x-cmd 提供1分钟教程,其中包含了 mermaid-cli 命令常用功能的 demo 示例,可以帮你快速上手 mermaid-cli 。

  3. 使用案例:

    bash 复制代码
    # 安装 mermaid-cli
    x env use mermaid-cli
    
    # 使用 mermaid 语法文件生成 png 文件
    mmdc -i input.mmd -o output.png
    
    # 创建具有深色主题和透明背景的 PNG
    mmdc -i input.mmd -o output.png -t dark -b transparent
    
    # 使用标准输入传入 mermaid 语法描述文本并生成 svg 文件
    cat input.mmd | mmdc -i - -o output.svg

功能特点

  1. 多种格式输出: 支持 SVG / PNG / PDF 格式输出。同时也支持将 markdown 文件中的 Mermaid 语法文本转换为图片引用的方式。
  2. 自定义样式 : 用户可自定义 CSS 配置文件,以自定义输出图片中图表的样式。
  3. stdin 管道支持 : 支持通过管道的方式将 Mermaid 语法文本传递给 mermaid-cli,让用户在终端环境中可以便捷进行处理或转换。

竞品和相关作品

  1. dot: 由 Graphviz (使用 DOT 语言来以简单的方式描述图形的可视化工具)官方提供的命令行工具,可以用于生成各种复杂的图形。它还提供了多种选项,可用于控制图形的样式和布局。
  • drawio: draw.io 是一个开源的在线和桌面绘图工具,用于创建各种图表和流程图。其界面直观易用,适合各种用户。它提供了丰富的图形元素和样式,可用于创建专业的图表。同时在客户端软件安装包中也提供了命令行工具,提供给用户进行批量图形处理。

进一步探索

相关推荐
四岁爱上了她5 天前
Vue3+Antv X6流程图基本使用
开发语言·javascript·流程图
潘多编程5 天前
如何使用Kimi编写商品管理设计文档:包含流程图和用例图
流程图
程序小旭8 天前
DERT目标检测源码流程图main.py的执行
人工智能·目标检测·流程图
乔没乔见Joe11 天前
Java流程控制语句——条件控制语句详解(附有流程图)#Java条件控制语句有哪些?#if-else、switch
java·开发语言·流程图·流程控制语句·条件控制语句
我和ye猫子11 天前
统一建模语言(UML)在软件研发过程中常用图接受:类图、用例图、时序图、状态图、活动图、流程图、顺序图
流程图
白天看花11 天前
18 基于51单片机的心率体温监测报警系统(包括程序、仿真、原理图、流程图)
单片机·51单片机·流程图
百炼成神 LV@菜哥15 天前
软件设计画图,流程图、甘特图、时间轴图、系统架构图、网络拓扑图、E-R图、思维导图
流程图·甘特图·思维导图
xuehaisj16 天前
手写流程图元素检测系统源码分享
流程图
cleveryuoyuo16 天前
二叉树的链式结构和递归程序的递归流程图
c语言·数据结构·流程图
明月与玄武18 天前
UiBot教程:实现复杂流程图的高效方法
流程图·uibot教程