一、安装：

用迅雷下载此链接：
https://github.com/wavedrom/wavedrom.github.io/releases/download/v2.3.2/wavedrom-editor-v2.3.2-win-x64.zip

二、界面

上半部分输入脚本，下半部分显示波形，菜单在右下角，可以保存波形。

三、快速入门

WaveDrom是一个JavaScript应用程序。WaveJSON是一种描述数字时序图的格式。
WaveDrom直接在浏览器中呈现图表。元素“Signal”是一个波道数组。
每个WaveLane都有两个必填字段：“name”和“wave”。

第一步，从一个快速示例开始。

下面的代码将创建名为“alfa”的1位信号，该信号会随时间改变其状态。
1{ signal: [{ name: “Alfa”, wave: “01.zx=ud.23.456789” }] }
“Wave” 字符串中的每个字符都代表一个时间段。符号 “.” 将以前的状态扩展了一个时期。以下是它的外观:

第二步，数字时钟。

数字时钟是一种特殊类型的信号。它每段时间变化两次，可以有正极性或负极性。它也可以在工作边缘有一个可选的标记。时钟块可以与其他信号状态混合以产生时钟门控效果。以下是代码:
1{ signal: [
2 { name: “pclk”, wave: ‘p…’ },
3 { name: “Pclk”, wave: ‘P…’ },
4 { name: “nclk”, wave: ‘n…’ },
5 { name: “Nclk”, wave: ‘N…’ },
6 {},
7 { name: ‘clk0’, wave: ‘phnlPHNL’ },
8 { name: ‘clk1’, wave: ‘xhlhLHl.’ },
9 { name: ‘clk2’, wave: ‘hpHplnLn’ },
10 { name: ‘clk3’, wave: ‘nhNhplPl’ },
11 { name: ‘clk4’, wave: ‘xlh.L.Hx’ },
12 ]}

第三步，合在一起

典型的时序图将有时钟和信号 (wires)。多位信号将尝试从 “数据” 数组中获取标签。
1{ signal: [
2 { name: “clk”, wave: “P…” },
3 { name: “bus”, wave: “x.==.=x”, data: [“head”, “body”, “tail”, “data”] },
4 { name: “wire”, wave: “0.1…0.” }
5 ]}

使用经验

1. 保存PNG
   工具保存PNG时，第一次可能不正常，但再保存一次就正常了，可能是工具的bug。