前端之家收集整理的这篇文章主要介绍了
用canvas画心电图的示例代码,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
本文介绍了用canvas画心电图的示例
代码,
分享给大家,具体如下:
效果图:
思路:
1.模拟点(如果你有真实的数据,那就是把数据幻化成canvas对应的坐标点)
模拟点时注意的点就是高起部分需要对称以及为了好看要
随机出现上上下下
2.画线
画线需要注意有一个匀速移动的过程。
比如 A点到B点,不是简单的A画到B,而是A点到A1,A2....最后到B(这一块按照比例移动比较难)
3.画线的一些
效果,比如
加上阴影(这里就可以自由发挥了)具体
代码
心电图
原文链接:https://www.f2er.com/html5/15571.html