| 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 if (window.testRunner) | 9 if (window.testRunner) |
| 10 testRunner.waitUntilDone(); | 10 testRunner.waitUntilDone(); |
| (...skipping 16 matching lines...) Expand all Loading... |
| 27 var greenSquareURL = bgcanvas.toDataURL(); | 27 var greenSquareURL = bgcanvas.toDataURL(); |
| 28 var img = new Image(); | 28 var img = new Image(); |
| 29 img.onload = imageLoaded; | 29 img.onload = imageLoaded; |
| 30 img.src = greenSquareURL; | 30 img.src = greenSquareURL; |
| 31 var ctx1 = canvas1.getContext('2d'); | 31 var ctx1 = canvas1.getContext('2d'); |
| 32 var ctx2 = canvas2.getContext('2d'); | 32 var ctx2 = canvas2.getContext('2d'); |
| 33 var ctx3 = canvas3.getContext('2d'); | 33 var ctx3 = canvas3.getContext('2d'); |
| 34 var ctx4 = canvas4.getContext('2d'); | 34 var ctx4 = canvas4.getContext('2d'); |
| 35 | 35 |
| 36 function imageLoaded() { | 36 function imageLoaded() { |
| 37 createImageBitmap(img).then(imageBitmapCallback(ctx1), shouldNotBeCalled); | 37 createImageBitmap(img, {colorSpaceConversion: "none"}).then(imageBitmapCallb
ack(ctx1), shouldNotBeCalled); |
| 38 createImageBitmap(img, -50, -50, 100, 100).then(imageBitmapCallback(ctx2),
shouldNotBeCalled); | 38 createImageBitmap(img, -50, -50, 100, 100, {colorSpaceConversion: "none"})
.then(imageBitmapCallback(ctx2), shouldNotBeCalled); |
| 39 createImageBitmap(img, 50, 50, 100, 100).then(imageBitmapCallback(ctx3),
shouldNotBeCalled); | 39 createImageBitmap(img, 50, 50, 100, 100, {colorSpaceConversion: "none"})
.then(imageBitmapCallback(ctx3), shouldNotBeCalled); |
| 40 createImageBitmap(img, -100, -100, 300, 300).then(imageBitmapCallback(ctx4),
shouldNotBeCalled); | 40 createImageBitmap(img, -100, -100, 300, 300, {colorSpaceConversion: "none"})
.then(imageBitmapCallback(ctx4), shouldNotBeCalled); |
| 41 } | 41 } |
| 42 | 42 |
| 43 var pending = 0; | 43 var pending = 0; |
| 44 function imageBitmapCallback(ctx) { | 44 function imageBitmapCallback(ctx) { |
| 45 pending++; | 45 pending++; |
| 46 var ctx = ctx; | 46 var ctx = ctx; |
| 47 return function(imageBitmap) { | 47 return function(imageBitmap) { |
| 48 pending--; | 48 pending--; |
| 49 ctx.drawImage(imageBitmap, -100, -100, 300, 300, -25, -25, 300, 300); | 49 ctx.drawImage(imageBitmap, -100, -100, 300, 300, -25, -25, 300, 300); |
| 50 ctx.drawImage(imageBitmap, -100, -100, 200, 200, -25, -25, 100, 100); | 50 ctx.drawImage(imageBitmap, -100, -100, 200, 200, -25, -25, 100, 100); |
| 51 ctx.drawImage(imageBitmap, 0, -100, 100, 200, 75, -25, 100, 100); | 51 ctx.drawImage(imageBitmap, 0, -100, 100, 200, 75, -25, 100, 100); |
| 52 ctx.drawImage(imageBitmap, 0, -100, 200, 200, 175, -25, 100, 100); | 52 ctx.drawImage(imageBitmap, 0, -100, 200, 200, 175, -25, 100, 100); |
| 53 ctx.drawImage(imageBitmap, -100, 0, 200, 100, -25, 75, 100, 100); | 53 ctx.drawImage(imageBitmap, -100, 0, 200, 100, -25, 75, 100, 100); |
| 54 ctx.drawImage(imageBitmap, 0, 0, 200, 100, 175, 75, 100, 100); | 54 ctx.drawImage(imageBitmap, 0, 0, 200, 100, 175, 75, 100, 100); |
| 55 ctx.drawImage(imageBitmap, -100, 0, 200, 200, -25, 175, 100, 100); | 55 ctx.drawImage(imageBitmap, -100, 0, 200, 200, -25, 175, 100, 100); |
| 56 ctx.drawImage(imageBitmap, 0, 0, 100, 200, 75, 175, 100, 100); | 56 ctx.drawImage(imageBitmap, 0, 0, 100, 200, 75, 175, 100, 100); |
| 57 ctx.drawImage(imageBitmap, 0, 0, 200, 200, 175, 175, 100, 100); | 57 ctx.drawImage(imageBitmap, 0, 0, 200, 200, 175, 175, 100, 100); |
| 58 if (!pending && window.testRunner) | 58 if (!pending && window.testRunner) |
| 59 testRunner.notifyDone(); | 59 testRunner.notifyDone(); |
| 60 } | 60 } |
| 61 } | 61 } |
| 62 | 62 |
| 63 </script> | 63 </script> |
| 64 </body></html> | 64 </body></html> |
| OLD | NEW |