How to use HTML5 canvas to achieve the ECG movement effect

This article brings you the content is about how to use HTML5 canvas to achieve the mobile effect of ECG, there is a certain reference value, the need for a friend can refer to, I hope you have some help.

：

Ideas:

1, Simulation point (if you have real data, it is to transform the data into a canvas corresponding coordinate points)

The point of attention when simulating points is that the higher part needs symmetry and to appear randomly up and down in order to look good.

2. Draw the Line

Draw lines need to be aware of a constant moving process.

For example A to B, not a simple a draw to B, but a point to a1,a2 .... Last to B (this piece is harder to move in proportion)

3, draw the line of some effects, such as add shadow (here can be free to play)

Specific code

<! DOCTYPE html>