---恢复内容开始---
本篇文档是Canvas绘制心电图的第一个部分，想了解详情的可以关注后学习交流。
心电图的最底层需要一个网状底层，来方便进行数据的测量。
为了大多数网友考虑，先绘制比较复杂的一种，再绘制我之前心电图文档同款
一、白底分大、中、小三个区域的网格
展示：
1、首先是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 8 <script src="js/jquery-3.2.1.min.js"></script> 9 <!-- 引入JQuery文件（学习心电图的同学会用到，单纯学习网格不需要引入JQ文件） --> 10 <link rel="stylesheet" href="style/index.css" /> 11 <!-- 引入样式文件 --> 12 <title>网格</title> 13 </head> 14 <body> 15 <div class="grids"> 16 <canvas id="grids" width="750px" height="750px"></canvas> 17 </div> 18 <script src="js/index.js"></script> 19 <!-- 引入自己新建JS文件,为了完全保证程序正常运行，该段引入放在canvas后 --> 20 </body> 21 </html>