14.4.2 绘制球

  接下来,添加一个draw方法来绘制球。向Ball原型添加该方法,以便Ball构造方法创建的任何对象都能够使用它: 

《javascript-少儿编程》第14章在画布上让物体移动之绘制球

  首先包含circle函数,这和前面14.3.1小节用到的函数相同。然后,给Ball.protoytpe添加draw方法。该方法直接调用circle(this.x,this.y,3,true)来绘制一个圆。这个圆的圆心位于(this.x,this.y),也就是球的位置。其半径为3像素。将true作为最后的参数传递,以告诉circle函数填充该圆。

《javascript-少儿编程》第14章在画布上让物体移动之绘制球

图14-5 球的起始位置,带有一个箭头表示其方向



本站内容未经许可,禁止任何网站及个人进行转载。