本文實例為大家分享了

DEMO地址：http://codepen.io/jonechen/pen/eZpgWd

不廢話，直接上DEMO了，這個效果實現起來并不復雜，但是麻雀隨小，五臟俱全，主要涉及到的知識點有：

1、canvas的基本繪圖；
2、js各個事件的監聽；
3、js動畫；
4、三角函數結合js在canvas中的基本應用；

以上就是本文的全部內容，希望對大家的學習有所幫助。

原文：http://www.cnblogs.com/jone-chen/p/5243439.html