文字９ - 経済統計練習帳

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
<script>
 
function sample(){
 
paint();
 
 
 
}
 
function paint(){
 var canv = document.getElementById('memo');
 
  var ctx = canv.getContext('2d');
 
 ctx.fillStyle = "white";
ctx.fillRect(0, 0, 500, 500);
 
 for(s=1;s<5;s++){
 ctx.beginPath();
  ctx.moveTo(100,100*s);
  ctx.lineTo(400, 100*s);
  ctx.closePath();
  ctx.stroke();
 }
 
 
 for(s=1;s<5;s++){
 ctx.beginPath();
  ctx.moveTo(100*s,100);
  ctx.lineTo(100*s, 400);
  ctx.closePath();
  ctx.stroke();
 }
 
 
ctx.font = "50px 'ＭＳ Ｐゴシック'";
ctx.strokeStyle = "blue";
ctx.strokeText("青", 120, 150);
ctx.strokeText("赤", 120, 250);
ctx.strokeText("赤", 120, 350);
 
}
 
</script>