A canvas fillText and strokeText example

function canvasReady() {
  draw(document.getElementById('canvas').getContext('2d'));
}
function draw(ctx) {
    ctx.translate(-10, 5);
    ctx.scale(1.2, 0.8);
    ctx.rotate(5 * Math.PI / 180);

  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);
}