Canvas绘制心电图（静态）

今天来继续绘制心电图

首先同样为了广大博友，绘制一张静态心电图，在之后的教程文档中，会教大家如何对心电图附加功能。

首先心电图基于我上一篇文档中网格绘制的基础上，绘制网格的具体原理大家可以查阅我的上一篇文档，在这里只给出代码，不做解释，重点放在新店图上。

一、HTML页面代码

 1 <!DOCTYPE html>
 2 <html lang="en">
 3   <head>
 4     <meta charset="UTF-8" />
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 7     <script src="js/jquery-3.2.1.min.js"></script>
 8     <!-- 引入JQuery文件（学习心电图的同学会用到，单纯学习网格不需要引入JQ文件） -->
 9     <link rel="stylesheet" href="style/index.css" />
10     <!-- 引入样式文件 -->
11     <title>心电图</title>
12   </head>
13   <body>
14     <div class="heartBeat">
15       <canvas id="heartBeat" width="750px" height="750px"></canvas>
16     </div>
17     <script src="js/index.js"></script>
18     <!-- 引入自己新建JS文件,为了完全保证程序正常运行，该段引入放在canvas后 -->
19   </body>
20 </html>

更多相关文章

随机推荐