A canvas fillText and strokeText example

function canvasReady() {
  draw(document.getElementById('canvas').getContext('2d'));
}
function draw(ctx) {
  var fillText = "fillText";
  var strokeText = "strokeText";

  ctx.textBaseline = "top";
  ctx.font = "32pt Arial";

  ctx.fillStyle = "orange";  // shadow color
  ctx.fillText(fillText, 22, 22);
  ctx.fillStyle = "red";
  ctx.fillText(fillText, 20, 20);

  ctx.strokeStyle = "blue";
  ctx.strokeText(strokeText, 20, 80);
}