text-font-inherit.html 485 B

12345678910111213141516171819202122
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <title>Test to ensure font inherits CSS values</title>
  5. </head>
  6. <body>
  7. <canvas id="c" width="128" height="64" style="font:32px sans-serif;"></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.font = 'bold 2em sans-serif';
  14. ctx.textAlign = 'left';
  15. ctx.textBaseline = 'top';
  16. ctx.fillText(str, 0, 0);
  17. </script>
  18. </body>
  19. </html>