canvas-font-speed-switching.html 567 B

123456789101112131415161718192021
  1. <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">
  2. <html>
  3. <head>
  4. <title>Canvas 2d Context Font Property Speed</title>
  5. </head>
  6. <body>
  7. <canvas id='thecanvas' height=100 width=100/>
  8. <script>
  9. var canvas = document.getElementById('thecanvas');
  10. var context = canvas.getContext('2d');
  11. var t0 = Date.now();
  12. for (var i = 0; i < 1000; i++) {
  13. if(i % 2 == 0)
  14. context.font = 'bold 13px Arial';
  15. else
  16. context.font = 'italic 13px Arial';
  17. }
  18. alert('Elapsed for 1000 font switches: ' + (Date.now() - t0));
  19. </script>
  20. </body>
  21. </html>