| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head></head> | |
| 4 <body> | |
| 5 <table> | |
| 6 <tr> | |
| 7 <td> | |
| 8 <canvas id="canvas" width="1000" height="800"> | |
| 9 </td> | |
| 10 </tr> | |
| 11 <tr> | |
| 12 <td> | |
| 13 <div id="fps_div"> </div> | |
| 14 </td> | |
| 15 </tr> | |
| 16 <tr> | |
| 17 <td> -------------------------------------------------------------------------
------ <br> | |
| 18 CSV String: <br> | |
| 19 <textarea id="csv_string" rows="1" cols="50"></textarea> | |
| 20 </td> | |
| 21 </tr> | |
| 22 </table> | |
| 23 | |
| 24 <img src="../../../../../../tools/perf/page_sets/tough_canvas_cases/rendering_th
roughput/images/Chromium_11_Logo.svg" style="display: none;" id="svg_image_eleme
nt"/> | |
| 25 <img src="../../../../../../tools/perf/page_sets/tough_canvas_cases/many_images/
images/image1_t.png" style="display: none;" id="png_image_element"/> | |
| 26 | |
| 27 <script type="text/javascript" src="bench.js"></script> | |
| 28 <script type="text/javascript" src="GeneratePerformanceData.js"></script> | |
| 29 <script type="text/javascript"> | |
| 30 window.onload = init; | |
| 31 | |
| 32 var canvas; | |
| 33 var context; | |
| 34 | |
| 35 function init() { | |
| 36 canvas = document.getElementById('canvas'); | |
| 37 context = canvas.getContext('2d'); | |
| 38 | |
| 39 list_of_frame_parameters = []; | |
| 40 list_of_frame_parameters = list_of_frame_parameters.concat(generatePathFramePa
rameters()); | |
| 41 list_of_frame_parameters = list_of_frame_parameters.concat(generateImageFrameP
arameters()); | |
| 42 list_of_frame_parameters = list_of_frame_parameters.concat(generatePutDataFram
eParameters(context)); | |
| 43 | |
| 44 // The frames where get data is called should be measured last because renderi
ng mode may switch automatically | |
| 45 list_of_frame_parameters = list_of_frame_parameters.concat(generateGetDataFram
eParameters(context)); | |
| 46 | |
| 47 console.log("list_of_frame_parameters.length = " + list_of_frame_parameters.le
ngth); | |
| 48 | |
| 49 bench.run(draw); | |
| 50 } | |
| 51 | |
| 52 function draw() { | |
| 53 context.clearRect(0, 0, 1000, 800); | |
| 54 | |
| 55 drawAndRecord(context); | |
| 56 }; | |
| 57 | |
| 58 </script> | |
| 59 </body> | |
| OLD | NEW |