Canvas绘制心电图并且添加部分功能

Posted blackpeace

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Canvas绘制心电图并且添加部分功能相关的知识,希望对你有一定的参考价值。

今天来用Canvas绘制一张心电图,并且具备一些简单的调节功能。

首先来看下效果:

技术图片

 

增益功能:能够放大心电图的波动幅度,效果如下:

技术图片

技术图片

 

网格开关:可以开启/关闭网格显示:

技术图片

技术图片

 

改变时间轴:

技术图片

技术图片

 

测量横纵坐标(鼠标拖拽测量,鼠标按下数显测量线,并且鼠标旁浮动数据,鼠标释放数据消失。PS:鼠标截图无法显示):

技术图片

技术图片

 

因为功能较多,具体功能如何实现的,可以关注我接下来的几篇赋源代码的技术贴。我会将功能一一为大家解答。

以上是关于Canvas绘制心电图并且添加部分功能的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序中使用画布canvas实现动态心电图绘制

Android——ECG心电图的绘制实现

WPF 实现心电图曲线绘制

Android 根据心电图(ECG)数据分析绘制心电图

Android——ECG心电图的绘制实现

如何绘制模拟心电图?