洗子の小窝 - 工具
type: channel
link: https://www.xizi.live/tag/%E5%B7%A5%E5%85%B7/
items: 【工具】WaveDrom绘制波形图

【工具】WaveDrom绘制波形图
type: item
date: 2024-03-18T02:12:00+08:00
description: 最近在学习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 }, }接下来我们来详细分析一下这里的代码。二、代码解释基本框架：{signal: }建立一个波形图板块，[]为一个组，最内部的{}为一个波形信号。{signal: ['组名' {波形信号} ] }波形的样式：波形的样式有多种，多运用便可以熟练掌握。其他设置：包含水平宽度、计数与标签，其中又分头部和尾部。//平宽度为2 config: { hscale: 2} //头部 head:{ text:"WaveDrom Example", tick:0, //从0开始计数 every:2 //每两时钟记录一次 } //尾部 foot:{ text:"Waveform Graph", tock:1 //从1开始计数 }