先弄一个画布
<canvas id="myCanvas" width="800" height="600"></canvas>
为了效果直观一点,我们设置了一点样式
canvas {
border: 1px solid #000;
background-color: #ccc;
}
然后重点就在js方面了
// 得到画布
var canvas = document.getElementById("myCanvas")
// 获取上下文
var ctx = canvas.getContext("2d")
// 球类
function Ball(x,y,r) {
this.x = x;
this.y = y;
this<