OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <style> |
| 4 .border { |
| 5 /* Add border style so the <img> can not be a directly composited image. */ |
| 6 border: 5px solid transparent; |
| 7 border-radius: 220px; |
| 8 height: 240px; |
| 9 } |
| 10 </style> |
| 11 <!-- The blue sector of the image should be at 12 o'clock. The image should be |
| 12 contained within it's CSS border radius circle: it should not look square.
--> |
| 13 <img onload="load(this)" src="resources/webp-color-profile-lossy.webp"> |
| 14 <img onload="load(this)" src="resources/red-at-12-oclock-with-color-profile.png"
> |
| 15 <img onload="load(this)" src="resources/red-at-12-oclock-with-color-profile.png"
> |
| 16 <img onload="load(this)" src="resources/red-at-12-oclock-with-color-profile.jpg"
> |
| 17 <img onload="load(this)" src="resources/red-at-12-oclock-with-color-profile.jpg"
> |
| 18 <img onload="load(this)" src="resources/webp-color-profile-lossy.webp"> |
| 19 |
| 20 <script> |
| 21 var images = 0; |
| 22 |
| 23 function load(element) { |
| 24 element.classList.add('border'); |
| 25 |
| 26 if (++images == 6 && window.testRunner) |
| 27 setTimeout(function() { testRunner.setColorProfile('test', done) }, 100); |
| 28 } |
| 29 |
| 30 function done() { |
| 31 setTimeout(function() { testRunner.notifyDone() }, 0); |
| 32 } |
| 33 |
| 34 if (window.testRunner) { |
| 35 testRunner.dumpAsTextWithPixelResults(); |
| 36 testRunner.waitUntilDone(); |
| 37 } |
| 38 </script> |
| 39 </html> |
OLD | NEW |