Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 <script src="../resources/runner.js"></script> | 4 <script src="../resources/runner.js"></script> |
| 5 <script> | 5 <script> |
| 6 | |
| 7 var canvas2D = document.createElement("canvas"); | 6 var canvas2D = document.createElement("canvas"); |
| 8 var ctx2D = canvas2D.getContext("2d"); | 7 var ctx2D = canvas2D.getContext("2d"); |
| 9 var imageData = null; | 8 var imageData = null; |
| 10 | 9 canvas2D.width = canvas2D.height = 1024; |
| 11 function setSize(width, height) { | 10 imageData = ctx2D.createImageData(canvas2D.width, canvas2D.height); |
|
xidachen
2016/07/28 01:17:59
If my understanding is correct, this imageData wil
| |
| 12 canvas2D.width = width; | |
| 13 canvas2D.height = height; | |
| 14 } | |
| 15 | |
| 16 function rand(range) { | |
| 17 return Math.floor(Math.random() * range); | |
| 18 } | |
| 19 | |
| 20 function fillCanvas(ctx2d, canvas2d) { | |
| 21 ctx2d.fillStyle = "rgba(" + rand(255) + "," + rand(255) + "," + rand(255) + "," + rand(255) + ")"; | |
| 22 ctx2d.fillRect(0, 0, canvas2d.width, canvas2d.height); | |
| 23 } | |
| 24 | 11 |
| 25 function putImageDataToCanvas2D() { | 12 function putImageDataToCanvas2D() { |
| 26 ctx2D.putImageData(imageData, 0, 0); | 13 ctx2D.putImageData(imageData, 0, 0); |
| 27 } | 14 } |
| 28 | 15 |
| 29 setSize(1024, 1024); | |
| 30 fillCanvas(ctx2D, canvas2D); | |
| 31 imageData = ctx2D.getImageData(0, 0, canvas2D.width, canvas2D.height); | |
| 32 | |
| 33 PerfTestRunner.measureRunsPerSecond({run: putImageDataToCanvas2D, description: " This bench test checks the speed on putting ImageData to Canvas2D(1024x1024)."}) ; | 16 PerfTestRunner.measureRunsPerSecond({run: putImageDataToCanvas2D, description: " This bench test checks the speed on putting ImageData to Canvas2D(1024x1024)."}) ; |
| 34 | 17 |
| 35 </script> | 18 </script> |
| 36 </body> | 19 </body> |
| 37 </html> | 20 </html> |
| OLD | NEW |