The Essential Guide to HTML5

CHAPTER 4

Code Explanation

this.swidth = swidth;

this.sheight = sheight;

this.fillstyle = stylestring;

this.draw = drawrects;

this.moveit = moveball;

}

function drawrects() {

ctx.fillStyle = this.fillstyle;

ctx.fillRect(this.sx,this.sy,

this.swidth,this.sheight);

}

function Picture (sx,sy,swidth,

sheight,imga) {

this.sx = sx;

this.sy = sy;

this.img = imga;

this.swidth = swidth;

this.sheight = sheight;

this.draw = drawAnImage;

this.moveit = moveball;

}

function drawAnImage() {