Centralizando Texto dentro do Canvas e da página

[jsmoraes]

Código Fonte:

    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');

      context.font = "18pt Helvetica";
 
      context.shadowOffsetX = 3;
      context.shadowOffsetY = 3;
 
      context.shadowColor = "rgba(0,0,0,0.3)"; // RGBA red, green, blue, alpha. Alpha parameter  0.0 / 1.0 (transparent / opaque).
      context.textAlign = "center";
      context.fillText("Bad shadow", 150, 18);

    </script>