text-big-stroke.html 501 B

1234567891011121314151617181920212223
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>Test to ensure fillText and strokeText look different</title>
  5. </head>
  6. <body>
  7. <canvas id="c" width="128" height="64"></canvas>
  8. <script type="text/javascript">
  9. var canvas = document.getElementById('c');
  10. var ctx = canvas.getContext('2d');
  11. var str = 'text';
  12. ctx.fillStyle = 'black';
  13. ctx.strokeStyle = 'black';
  14. ctx.font = 'bold 64px sans-serif';
  15. ctx.textAlign = 'left';
  16. ctx.textBaseline = 'top';
  17. ctx.strokeText(str, 0, 0);
  18. </script>
  19. </body>
  20. </html>