strokeText-path.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

  <head>

    <script type="text/javascript"><!--

window.onload = function () {

  var canvas = document.getElementById('testCanvas'),

      context = canvas.getContext('2d');

  // draw a path

  context.beginPath();

  context.moveTo(10, 10);

  context.lineTo(200, 10);

  context.lineTo(200, 200);

  context.stroke();

  context.closePath();

  context.clearRect(0, 0, canvas.width, canvas.height);

  // draw some text

  context.font = 'bold 40px sans-serif';

  context.strokeText("Hello world!", 10, 50);

};

      // --></script>

  </head>

  <body>

    <p>You should see only see "Hello world!" below, without any additional

    line. JavaScript is required.</p>

    <p><canvas id="testCanvas" width="400" height="300">You need Canvas

    support.</canvas></p>

  </body>

</html>