<h1>Canvas テキスト（h1）</h1>
<canvas id="mycanvas" width="320" height="240">
  Canvasに対応したブラウザを使って下さい。
</canvas>

canvas {
  border: 1px solid #333;
}

window.onload = function(){
  draw();
}

function draw() {
  var canvas = document.getElementById('mycanvas');
  if (!canvas || !canvas.getContext){
    return false;
  }
  var ctx = canvas.getContext('2d');
  
  ctx.font = 'bold 20px Verdana';
  ctx.textAlign = "left";
  ctx.fillText('Verdana', 20, 20);
  
  ctx.fillStyle = "red";
  ctx.fillText('Verdana', 20, 50, 70);
  
  ctx.font = 'regular 20px Impact';
  ctx.textAlign = 'left';
  //縁取り
  ctx.strokeStyle = "blue";
  ctx.strokeText('Impact', 20, 100);
}