| OLD | NEW |
| (Empty) |
| 1 <img id="png"/> | |
| 2 <img id="jpeg-high"/> | |
| 3 <img id="jpeg-low"/> | |
| 4 <img id="webp-high"/> | |
| 5 <img id="webp-low"/> | |
| 6 <script> | |
| 7 if (window.testRunner) { | |
| 8 testRunner.waitUntilDone(); | |
| 9 } | |
| 10 | |
| 11 var pngImage = document.getElementById('png'); | |
| 12 var jpegImageHigh = document.getElementById('jpeg-high'); | |
| 13 var jpegImageLow = document.getElementById('jpeg-low'); | |
| 14 var webpImageHigh = document.getElementById('webp-high'); | |
| 15 var webpImageLow = document.getElementById('webp-low'); | |
| 16 var numTestCount = 5; | |
| 17 function imageLoaded() { | |
| 18 numTestCount--; | |
| 19 if (numTestCount == 0 && window.testRunner) { | |
| 20 window.testRunner.notifyDone(); | |
| 21 } | |
| 22 } | |
| 23 pngImage.addEventListener('load', imageLoaded); | |
| 24 jpegImageHigh.addEventListener('load', imageLoaded); | |
| 25 jpegImageLow.addEventListener('load', imageLoaded); | |
| 26 webpImageHigh.addEventListener('load', imageLoaded); | |
| 27 webpImageLow.addEventListener('load', imageLoaded); | |
| 28 | |
| 29 var canvas = document.createElement("canvas"); | |
| 30 canvas.width = 50; | |
| 31 canvas.height = 50; | |
| 32 var gl = canvas.getContext('webgl'); | |
| 33 gl.clearColor(0, 1, 0, 1); | |
| 34 gl.clear(gl.COLOR_BUFFER_BIT); | |
| 35 | |
| 36 canvas.toBlob(function(blob) { | |
| 37 pngImage.src = URL.createObjectURL(blob); | |
| 38 }); | |
| 39 | |
| 40 canvas.toBlob(function(blob) { | |
| 41 jpegImageHigh.src = URL.createObjectURL(blob); | |
| 42 }, "image/jpeg", 1.0); | |
| 43 | |
| 44 canvas.toBlob(function(blob) { | |
| 45 jpegImageLow.src = URL.createObjectURL(blob); | |
| 46 }, "image/jpeg", 0.2) | |
| 47 | |
| 48 canvas.toBlob(function(blob) { | |
| 49 webpImageHigh.src = URL.createObjectURL(blob); | |
| 50 }, "image/webp", 1.0); | |
| 51 | |
| 52 canvas.toBlob(function(blob) { | |
| 53 webpImageLow.src = URL.createObjectURL(blob); | |
| 54 }, "image/webp", 0.2); | |
| 55 | |
| 56 </script> | |
| 57 | |
| OLD | NEW |