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> 22
