canvas绘制心电图

要绘制心电图，可以通过canvas绘制一条折线来模拟心电图的波形。具体实现步骤如下：

1. 创建一个canvas元素，并获取其上下文对象。
2. 设置绘制的线条颜色、宽度等属性。
3. 定义一个数组，用于存储心电图的数据。
4. 使用canvas的beginPath()方法开始绘制路径。
5. 遍历心电图数据数组，使用lineTo()方法连接每个数据点。
6. 使用stroke()方法绘制路径。

以下是示例代码：

<canvas id="myCanvas"></canvas>

const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

// 设置线条颜色、宽度等属性
ctx.strokeStyle = 'red';
ctx.lineWidth = 2;

// 定义心电图数据数组
const data = [0, 1, 2, 3, 4, 5, 4, 3, 2, 1, 0, -1, -2, -3, -4, -5, -4, -3, -2, -1];

// 开始绘制路径
ctx.beginPath();

// 遍历数据数组，连接每个数据点
for (let i = 0; i < data.length; i++) {
  const x = i * 10;
  const y = data[i] * 10 + canvas.height / 2;
  ctx.lineTo(x, y);
}

// 绘制路径
ctx.stroke();