| <!DOCTYPE html> |
| <html> |
| <body> |
| <style> |
| #div { |
| border = 'solid black 2px'; |
| margin = '2px'; |
| padding = '2px'; |
| } |
| </style> |
| <div id='parent'> |
| <div id='divWithText'> |
| Some text |
| </div> |
| </div> |
| <script src="../resources/runner.js"></script> |
| <script> |
| |
| var parent = document.getElementById('parent'); |
| var divWithText = document.getElementById('divWithText'); |
| for (var i = 0; i < 500; i++) { |
| var child = document.createElement('div'); |
| parent.appendChild(child); |
| } |
| var canvas = document.createElement("canvas"); |
| var ctx = canvas.getContext("2d"); |
| var font1 = "bold 15px Arial"; |
| var font2 = "italic 20pt Calibri"; |
| |
| function doTest() { |
| divWithText.style.width = '100px'; |
| ctx.font = font1; |
| ctx.measureText("a"); |
| divWithText.style.width = '150px'; |
| ctx.font = font2; |
| ctx.measureText("b"); |
| } |
| |
| // Warm up the caches |
| doTest(); |
| |
| PerfTestRunner.measureRunsPerSecond({ |
| description: "Measures performance of setting the current font and measuring text on a canvas.", |
| run: doTest |
| }); |
| </script> |
| </body> |
| </html> |
