Shadow Text in Canvas

[jsmoraes]

Código Fonte

<nabble_embed><canvas id="myCanvas" width="578" height="200"></canvas></nabble_embed>
    <script>
      var canvas = document.getElementById('myCanvas');
      var context = canvas.getContext('2d');

      context.font = "18pt Helvetica";
      context.fillText("No shadow", 90, 40);
 
      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.fillText("Bad shadow", 90, 80);
 
context.shadowColor = "rgba(0,0,0,0.5)";
      context.shadowBlur = 4;
      context.fillText("Smooth shadow", 90, 120);

context.shadowColor = "rgba(0,0,0,1)";
      context.shadowBlur = 8;
      context.fillText("Strong shadow", 90, 160);

    </script>