使用JS＆amp; amp;模拟心电图帆布

Question

我试图用JS和Canvas模拟一个恒定的心跳。我已经想出了大部分内容，但我的问题是该线总是从不同的Y位置开始，因此当我尝试清理路径时它看起来有点偏。我在这里有一个JS，这是我从另一个帖子修改过的。

答案应该是在某处修改PY坐标，但我无法弄清楚在哪里。或者在循环函数的以下行中。

 ctx.clearRect(px,0, scanBarWidth, h);

如果你能帮助我，请告诉我。感谢。

https://jsfiddle.net/tFn66/138/

Answer 1

检查此解决方案的source code。它使用画布作为绘制的后端

document.body.innerHTML += '<ecg-line></ecg-line>';
ecgLine((bang) => setInterval(() => bang(), 1000));