今天來用Canvas繪製一張心電圖,而且具有一些簡單的調節功能。3d
首先來看下效果:blog
增益功能:可以放大心電圖的波動幅度,效果以下:im
網格開關:能夠開啓/關閉網格顯示:技術
改變時間軸:d3
測量橫縱座標(鼠標拖拽測量,鼠標按下數顯測量線,而且鼠標旁浮動數據,鼠標釋放數據消失。PS:鼠標截圖沒法顯示):拖拽
由於功能較多,具體功能如何實現的,能夠關注我接下來的幾篇賦源代碼的技術貼。我會將功能一一爲你們解答。數據