【工具】WaveDrom绘制波形图

最近在学习FPGA，经常需要分析波形图，所以需要绘制一些图片，之前我是用PPT或drawio软件绘制波形图的，不过操作很繁琐，而且绘制的图片也不够美观，今天在Github上找到了WaveDrom这个软件，可以直接用命令绘制波形图，极大的提高了效率，真的爱了。看了官方教学文档，我总结一下一些比较常用的命令。

一、引例

这里举一个例子，涵盖了的所有样式。

{signal: [
  ['Example1',
    {name:"clk0",wave:"p.P...p."},
    {name:"clk1",wave:"n.N...n."},
  ],
  {},
  ['Example2',
    {name:"clk2",wave:"01zx==ud"},
    {name:"clk3",wave:"23456789"},
    {name:"clk44",wave:"========",data: ["00", "01", "02", "03", "04", "05", "06", "07"]}
  ],
],
 config: { hscale: 2},
 head:{
   text:"WaveDrom Example",
   tick:0,
   every:2
 },
 foot:{
   text:"Waveform Graph",
   tock:1
 },
 
}

接下来我们来详细分析一下这里的代码。

二、代码解释

1. 基本框架：{signal: }建立一个波形图板块，[]为一个组，最内部的{}为一个波形信号。

{signal: ['组名'
    {波形信号}
    ]
}

2. 波形的样式：波形的样式有多种，多运用便可以熟练掌握。
3. 其他设置：包含水平宽度、计数与标签，其中又分头部和尾部。

//平宽度为2
config: { hscale: 2}

//头部
head:{
   text:"WaveDrom Example",
   tick:0,    //从0开始计数
   every:2    //每两时钟记录一次
 }
 
 //尾部
 foot:{
   text:"Waveform Graph",
   tock:1    //从1开始计数
 }