当前位置 博文首页 > 依稀_yixy的博客:WaveDrom 数字时序图绘制

    依稀_yixy的博客:WaveDrom 数字时序图绘制

    作者:[db:作者] 时间:2021-09-15 10:22

    专栏:WaveDrom
    上一篇:WaveDrom Editor使用教程

    WaveDrom 数字时序图绘制

    WaveDrom 使用基于 JSONWaveJSON 格式来描述数字时序图。
    在编辑器中修改WaveJSON格式的数字时序图描述,会实时渲染出相应的数字时序图。
    在这里插入图片描述

    WaveJSON语法

    官方WaveJSON介绍

    WaveJSON语法

    • 用键值对 key : value 来表示数据,key是固定的几个值,可以加引号'',也可以不加。
    • { }表示一个Object(对象),对象里的元素用 , (逗号) 隔开。
    • [ ]表示一个Array(数组),数组里的元素用 , (逗号) 隔开。

    数字时序图 signal

    数字时序图的信号用signal字段表示,同时还有edge, head, foot, config分别设置连接线,标头,脚注和配置

    绘制信号所有的内容包含在下图中,请参考 WaveDrom Tutorial学习。

    在这里插入图片描述

    Wave

    官网中列出了如下的波形标记(缺少l h L H)
    在这里插入图片描述
    需要注意的是 .(句点)标记 是延续上一个周期的波形,因为不同波形的衔接会导致某个标记的波形并非固定,所以需要根据实际选取。

    { signal : [
      [ '高低电平',
        { name: "0    1",		wave: "0101|0011|0.1."},
        { name: "l    h",		wave: "lhlh|llhh|l.h."},
        { name: "L    H",		wave: "LHLH|LLHH|L.H."},
      ],
      {},
      [ '时钟信号',
        { name: "先高后低: p",	wave: "pp..|hp..|hpp."},
        { name: "先低后高: n",	wave: "nn..|ln..|lnn."},
        { name: "带上升沿: P",	wave: "PP..|hP..|lP.P"},
        { name: "带下降沿: N",	wave: "NN..|lN..|hN.N"},
      ],
      {},   
      { name: "高阻态",		    wave: "z0z1zlzhz=z3z|"}, 
      { name: "上拉下拉",		wave: "zudxdxuhu.ld|u"},
      { name: "数据1",			wave: "zx=23456789.zx"},
      { name: "数据2",		    wave: "xzxux0xzxhxPxn"},
     ],
     }
    

    在这里插入图片描述

    专栏:WaveDrom
    上一篇:WaveDrom Editor使用教程

    cs
    下一篇:没有了
aisi3613的博客:【Alpha】阶段第二次Scrum Meeting aisi3613的博客:Gamma阶段 测试报告 aisi3613的博客:Gamma阶段发布说明 aisi3613的博客:团队事后分析 aisi3613的博客:[技术博客]采用Bootstrap框架进行排版布局 aisi3613的博客:[技术博客]使用CDN加快网站访问速度 aisi3613的博客:压力测试报告 aisi3613的博客:[技术博客]JSCover+selenium获得js代码覆盖率 aisi3613的博客:使用highcharts绘制美观的燃尽图 a12435的博客:Beta阶段项目总结 weixin_30622107的博客:【Beta】Phylab 测试报告 weixin_33763244的博客:Beta阶段总结 weixin_30920597的博客:Beta版本测试报告以及Beta版本发布说明 weixin_33696822的博客:Beta版测试报告 weixin_30810583的博客:Beta阶段综合报告 weixin_30755709的博客:Beta阶段总结分析报告 洛克儿Roark的博客:软件压力和兼容性测试报告 dbb553371的博客:[Gamma阶段]测试报告 weixin_30338743的博客:gamma测试报告 weixin_30697239的博客:Beta版本――项目测试 S_zhangmin的博客:计算机组成原理边学边记 S_zhangmin的博客:一点微信小程序小动画连接 S_zhangmin的博客:简单爬虫 post篇 S_zhangmin的博客:Python对于私有变量的使用 S_zhangmin的博客:Python 时间格式 S_zhangmin的博客:python 继承方法小总结 S_zhangmin的博客:python 几种常见的复制操作小结 S_zhangmin的博客:scrapy在存储数据到json文件中时,中文变成为 S_zhangmin的博客:ORACLE sql走过的一些坑 S_zhangmin的博客:Matlab智能算法chap1 S_zhangmin的博客:python 图片整理成文字 S_zhangmin的博客:Talend 连接数据库时,其他基本信息都正确时 S_zhangmin的博客:install gensim 安装Gensim的坑 S_zhangmin的博客:python 安装库时 出现 ChecksumMismatchError S_zhangmin的博客:干净的Edge 初始页面 S_zhangmin的博客:python数据分析常用库简介 S_zhangmin的博客:Python easygui中没有msgbox或者巴拉巴拉模块 S_zhangmin的博客:回归方程怎么得出的 S_zhangmin的博客:HDFS 第一名称节点和第二名称节点 S_zhangmin的博客:MATLAB安装后出现“License Manager Error -8 甜筒冰激凌的博客:Alpha测试 / Beta测试 / 黑盒测试 /白盒测试 Alpha和Beta测试之间的区别_culing2941的博客:alpha beta测试 慎思知行:Alpha 测试与 Beta 测试:有什么区别? cptj5564的博客:alpha测试 什么是ALPHA?_cumtb2002的博客:什么是alpha测试 xiaojing0511的博客:Alpha测试和Beta测试的区别 SecondJanuary:Alpha测试(α测试) / Beta测试(β测试) 英雄哪里出来:??13万字《C语言动漫对话教程(入门篇)》??(建议收 xpj8888的博客:第三周 超参数调试、Batch正则化和程序框架:3. xpj8888的博客:wordpress插件管理(五)WP 数学公式插件 LaTeX ASP.NET Core MVC 修改视图的默认路径及其实现原理解析 docker compose 一键部署分布式配置中心Apollo的过程详解 使用SQL SERVER存储过程实现历史数据迁移方式 Django框架之django admin的命令行详解 解决python将xml格式文件转换成txt文件的问题(xml.etree方法) 网站加速哪家强?四大免费CDN服务评测大PK php session无法传值怎么办 macbook pro怎么安装php7 高质量笔记来了!关于PHP7性能优化 php轻松实现可爱的随机头像 微信公众账号怎么注册申请?微信公众账号注册流程 微信公众平台服务号、订阅号和企业号之间有什么区别? android Chronometer控件使用大全 关于python变量的引用以及在底层存储原理 SpringBoot 在项目启动之后执行自定义方法的两种方式小结 uniapp实现滑动评分效果 vue中LocalStorage与SessionStorage的区别与用法 SEO案例分析 alimama做SEO引流量的方法 如何解决php图片名中文乱码问题 php命令行输出乱码怎么办