Canvasでグリッドを描く

<canvas id =”canvas” width=”500″ height=”375″ style=”border:1px solid #999;”></canvas>
<script type=”text/javascript”>
function d(){
var canvas = document.getElementById(“canvas”);
var context = canvas.getContext(“2d”);
for(var x = 0.5; x < 500; x+=10){
context.moveTo(x,0);
context.lineTo(x,375);
}

for(var y=0.5; y<375; y+=10){
context.moveTo(0,y);
context.lineTo(500,y);
}
context.strokeStyle=”#eee”;
context.stroke();
}
d();
</script>