| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <body> | 2 <body> |
| 3 <canvas id="c1" width="250" height="250"></canvas> | 3 <canvas id="c1" width="250" height="250"></canvas> |
| 4 <canvas id="c2" width="250" height="250"></canvas> | 4 <canvas id="c2" width="250" height="250"></canvas> |
| 5 <br> | 5 <br> |
| 6 <canvas id="c3" width="250" height="250"></canvas> | 6 <canvas id="c3" width="250" height="250"></canvas> |
| 7 <canvas id="c4" width="250" height="250"></canvas> | 7 <canvas id="c4" width="250" height="250"></canvas> |
| 8 <script type="text/javascript"> | 8 <script type="text/javascript"> |
| 9 var canvas1 = document.getElementById('c1'); | 9 var canvas1 = document.getElementById('c1'); |
| 10 var canvas2 = document.getElementById('c2'); | 10 var canvas2 = document.getElementById('c2'); |
| (...skipping 18 matching lines...) Expand all Loading... |
| 29 ctx1.drawImage(bgcanvas, -100, -100, 300, 300, -25, -25, 300, 300); | 29 ctx1.drawImage(bgcanvas, -100, -100, 300, 300, -25, -25, 300, 300); |
| 30 ctx1.drawImage(bgcanvas, -100, -100, 200, 200, -25, -25, 100, 100); | 30 ctx1.drawImage(bgcanvas, -100, -100, 200, 200, -25, -25, 100, 100); |
| 31 ctx1.drawImage(bgcanvas, 0, -100, 100, 200, 75, -25, 100, 100); | 31 ctx1.drawImage(bgcanvas, 0, -100, 100, 200, 75, -25, 100, 100); |
| 32 ctx1.drawImage(bgcanvas, 0, -100, 200, 200, 175, -25, 100, 100); | 32 ctx1.drawImage(bgcanvas, 0, -100, 200, 200, 175, -25, 100, 100); |
| 33 ctx1.drawImage(bgcanvas, -100, 0, 200, 100, -25, 75, 100, 100); | 33 ctx1.drawImage(bgcanvas, -100, 0, 200, 100, -25, 75, 100, 100); |
| 34 ctx1.drawImage(bgcanvas, 0, 0, 200, 100, 175, 75, 100, 100); | 34 ctx1.drawImage(bgcanvas, 0, 0, 200, 100, 175, 75, 100, 100); |
| 35 ctx1.drawImage(bgcanvas, -100, 0, 200, 200, -25, 175, 100, 100); | 35 ctx1.drawImage(bgcanvas, -100, 0, 200, 200, -25, 175, 100, 100); |
| 36 ctx1.drawImage(bgcanvas, 0, 0, 100, 200, 75, 175, 100, 100); | 36 ctx1.drawImage(bgcanvas, 0, 0, 100, 200, 75, 175, 100, 100); |
| 37 ctx1.drawImage(bgcanvas, 0, 0, 200, 200, 175, 175, 100, 100); | 37 ctx1.drawImage(bgcanvas, 0, 0, 200, 200, 175, 175, 100, 100); |
| 38 | 38 |
| 39 img.onload = function() { | 39 ctx2.drawImage(img, -100, -100, 300, 300, -25, -25, 300, 300); |
| 40 ctx2.drawImage(img, -100, -100, 300, 300, -25, -25, 300, 300); | 40 ctx2.drawImage(img, -100, -100, 200, 200, -25, -25, 100, 100); |
| 41 ctx2.drawImage(img, -100, -100, 200, 200, -25, -25, 100, 100); | 41 ctx2.drawImage(img, 0, -100, 100, 200, 75, -25, 100, 100); |
| 42 ctx2.drawImage(img, 0, -100, 100, 200, 75, -25, 100, 100); | 42 ctx2.drawImage(img, 0, -100, 200, 200, 175, -25, 100, 100); |
| 43 ctx2.drawImage(img, 0, -100, 200, 200, 175, -25, 100, 100); | 43 ctx2.drawImage(img, -100, 0, 200, 100, -25, 75, 100, 100); |
| 44 ctx2.drawImage(img, -100, 0, 200, 100, -25, 75, 100, 100); | 44 ctx2.drawImage(img, 0, 0, 200, 100, 175, 75, 100, 100); |
| 45 ctx2.drawImage(img, 0, 0, 200, 100, 175, 75, 100, 100); | 45 ctx2.drawImage(img, -100, 0, 200, 200, -25, 175, 100, 100); |
| 46 ctx2.drawImage(img, -100, 0, 200, 200, -25, 175, 100, 100); | 46 ctx2.drawImage(img, 0, 0, 100, 200, 75, 175, 100, 100); |
| 47 ctx2.drawImage(img, 0, 0, 100, 200, 75, 175, 100, 100); | 47 ctx2.drawImage(img, 0, 0, 200, 200, 175, 175, 100, 100); |
| 48 ctx2.drawImage(img, 0, 0, 200, 200, 175, 175, 100, 100); | |
| 49 } | |
| 50 | 48 |
| 51 if (window.testRunner) { | 49 if (window.testRunner) { |
| 52 testRunner.waitUntilDone(); | 50 testRunner.waitUntilDone(); |
| 53 } | 51 } |
| 54 | 52 |
| 55 var video = document.createElement("video"); | 53 var video = document.createElement("video"); |
| 56 video.autoplay = false; | 54 video.autoplay = false; |
| 57 video.addEventListener("canplaythrough", videoLoaded, false); | 55 video.addEventListener("canplaythrough", videoLoaded, false); |
| 58 video.src = "resources/green.ogv"; | 56 video.src = "resources/green.ogv"; |
| 59 | 57 |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 91 ctx4.drawImage(imageBitmap, 0, 0, 200, 100, 175, 75, 100, 100); | 89 ctx4.drawImage(imageBitmap, 0, 0, 200, 100, 175, 75, 100, 100); |
| 92 ctx4.drawImage(imageBitmap, -100, 0, 200, 200, -25, 175, 100, 100); | 90 ctx4.drawImage(imageBitmap, -100, 0, 200, 200, -25, 175, 100, 100); |
| 93 ctx4.drawImage(imageBitmap, 0, 0, 100, 200, 75, 175, 100, 100); | 91 ctx4.drawImage(imageBitmap, 0, 0, 100, 200, 75, 175, 100, 100); |
| 94 ctx4.drawImage(imageBitmap, 0, 0, 200, 200, 175, 175, 100, 100); | 92 ctx4.drawImage(imageBitmap, 0, 0, 200, 200, 175, 175, 100, 100); |
| 95 if (window.testRunner) { | 93 if (window.testRunner) { |
| 96 testRunner.notifyDone(); | 94 testRunner.notifyDone(); |
| 97 } | 95 } |
| 98 } | 96 } |
| 99 | 97 |
| 100 </script> | 98 </script> |
| 101 </body></html> | 99 </body></html> |
| OLD | NEW |