HTML5 的 canvas 元素使用 JavaScript 在網頁上繪制圖像，我們可以使用canvas來繪制類似心電圖的東西。
效果圖如下：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style> canvas { width: 500px; height: 250px; border: 1px solid #666; } </style> <body> <canvas id="canvas"></canvas> </body> <script> //獲取canvas的節點 var canvas = document.getElementById('canvas'); //ctx是一個畫筆 var ctx = canvas.getContext('2d'); // 綠色矩形 ctx.beginPath(); //線的粗細 ctx.lineWidth = "1"; //線的顏色 ctx.strokeStyle = "red"; //起始位置 ctx.moveTo(0, 10); var x = 0; //一個定時器 setInterval(function() { //x軸的偏移 x += 10; //y軸的偏移取隨機數 ctx.lineTo(x, Math.random() * 100); ctx.stroke(); }, 1000) </script> </html>