一:代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>小球</title>
<style type="text/css">
canvas{
border: 2px solid orange;
display: block;
margin: 50px auto;
}
</style>
</head>
<body style="margin: 0;">
<canvas id="can" width="600" height="400" ></canvas>
</body>
<script type="text/javascript">
var can = document.getElementById("can");
var ctx = can.getContext("2d");
ctx.fillStyle="darkred";
var x=100;
// 定义类
function Ball(x,y,r,cl,speedx,speedy){//类的构造器
this.x=x;
this.y=y;
this.r=r;
this.cl=cl;
this.speedx=speedx;
this.speedy=speedy;
}
Ball.prototype.render=function(){//添加绘制的类方法
ctx.beginPath();//开始绘制