前面的話

　　在javascript運動系列中，詳細介紹了各種運動，其中就包括碰壁運動。但是，如果用canvas去實現(xiàn)，卻是另一種思路。本文將詳細介紹canvas動態(tài)小球重疊效果

 

效果展示

靜態(tài)小球

　　首先，生成隨機半徑、隨機位置的50個靜態(tài)小球

iOS培訓(xùn),Swift培訓(xùn),蘋果開發(fā)培訓(xùn),移動開發(fā)培訓(xùn)

<button id="btn">按鈕</button><canvas id="canvas" width="500" height="300" style="border:1px solid black">當(dāng)前瀏覽器不支持canvas，請更換瀏覽器后再試</canvas><script>var canvas = document.getElementById('canvas');var H=300,W=500;
btn.onclick =