<canvas id="Canvas" width="300" height="300"></canvas>

<script>
	var c=document.getElementById("Canvas");
	var ctx=c.getContext("2d");

for (y=0;y<3;y++)
{
	for (x=0;x<3;x++)
	{
		ctx.arc(50 + (x * 30), 50 + (y * 30), 10, 0, Math.PI * 2);
		ctx.fill();
	}
}
</script>