水波圖實現原理

在項目中本身使用 Canvas 實現了一下水波圖，在這裏給你們分享一下它的實現原理。 一開始看到波浪，可能不知道從何入手，咱們來看看波浪的特徵就會有靈感了。git 沒錯，有人確定會想到，就是 正餘弦曲線！對於波陡很小的波動，通常選擇正弦或餘弦的曲線來表示波形，這是最簡單而又最接近實際波形的表述。這裏我選擇了正弦曲線來實現。github 在講實現思路以前，咱們來回憶一下正弦曲線的基礎。canvas

>>阅读原文<<