The Essential Guide to HTML5

CHAPTER 2

ctx.closePath();

ctx.fill();

}

function draw2mid() {

var dotx;

var doty;

ctx.beginPath();

dotx = dx + 3*dotrad;

doty = dy + .5*diceheight;

ctx.arc(dotx,doty,dotrad,0,Math.PI*2,true);

dotx = dx+dicewidth-3*dotrad;

doty = dy + .5*diceheight; //no change

ctx.arc(dotx,doty,dotrad,0,Math.PI*2,true);

ctx.closePath();

ctx.fill();

}