[发明专利]一种基于web的波形绘制展示方法

权利要求书

1.一种基于web的波形绘制展示方法，其特征在于，包括如下步骤：

步骤S1、打开VCD波形文件，对VCD波形文件进行解析并提取波形数据，对提取的波形数据进行封装；

步骤S2、将封装后的波形数据进行预处理，并对波形绘制展示系统进行初始化，定义全局实例waveGraph以及初始化Web浏览器中的Canvas画布；

步骤S3、在Canvas画布中绘制各个图形元素；

步骤S4、在波形绘制展示系统中分别绑定并监听信号操作事件以及工具栏事件，完成波形绘制展示系统的事件绑定；

步骤S5、在事件绑定完成的波形绘制展示系统中分层渲染已经绘制的图形元素，当有数据变化时更新渲染。

2.根据权利要求1所述的波形绘制展示方法，其特征在于，所述步骤S1具体包含如下步骤：

步骤S11、打开VCD波形文件，逐行用正则表达式解析波形数据；解析过程为：分别用正则表达式提前VCD文件内容中的头信息、变量定义和值变化信息；

步骤S12、将波形数据拆成两部分，并分别封装成信号树结构列表和信号值哈希对象。

3.根据权利要求2所述的波形绘制展示方法，其特征在于，所述步骤S11中的头信息包括版本信息和时间精度，版本信息和时间精度分别包含在version和timescale关键字之内，每一部分通过end关键字指示结尾；

步骤S11中的变量定义，在scope和upscope关键字之间构成一个模块层级，通过这两个关键字的嵌套可以构成不同的模块层级；变量定义通过enddefinitions关键字指示变量定义结束；

步骤S11中的值变化信息在正则表达式提前时，首先判断VCD文件内容行头的字符#，再用正则表达式提前名称、时间和变化值，通过哈希表结构按名词汇总计算，输出转换后的JSON波形数据。

4.根据权利要求3所述的波形绘制展示方法，其特征在于，所述步骤S2具体包含如下步骤：

步骤S21、加载转换后的JSON波形数据，设定每行波形的行高为固定像素，建立信号展示区最大宽度和信号最大时间的映射关系；

步骤S22、根据屏幕大小，计算出需要加载波形数据的信号ID；

步骤S23、根据信号ID从信号值哈希对象中异步加载数据；

步骤S24、定义波形绘制展示系统为全局实例WaveGraph；

步骤S25、JSON波形数据加载完成后，新建Canvas画布，执行WaveGraph.initCanvas函数，初始化Canvas画布的整个图层,包括背景层、展示列表层、信号主显示区、静态层等；背景层直接初始化成用户配置的颜色。

5.根据权利要求4所述的波形绘制展示方法，其特征在于，所述步骤S3具体包含如下步骤：

步骤S31、绘制信号展示列表；

步骤S32、绘制信号分组；

步骤S33、绘制信号位；

步骤S34、绘制信号总线；

步骤S35、绘制时间刻度；

步骤S36、绘制工具栏；

步骤S37、绘制快捷菜单。

6.根据权利要求5所述的波形绘制展示方法，其特征在于，所述步骤S31具体包含如下步骤：

步骤S311、用户选择添加信号到信号展示列表，根据信号树的层级结构绘制信号展示列表，其行高和信号区的高度保持一致，并每行对齐；

步骤S312、将构建的图形对象添加到展示列表层中，并将当前屏幕展示的信号ID保持并记录到已展示列表，退出波形绘制展示系统时清除该列表。

7.根据权利要求6所述的波形绘制展示方法，其特征在于，所述步骤S33具体包含如下步骤：

步骤S331、将类型为wrie并且位宽为第一阈值的信号绘制成信号位；

步骤S332、遍历整个信号展示列表，逐个绘制信号位，并为其添加鼠标单击交互事件，绘制后将整个信号位添加到Canvas画布的信号展示层。