Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /png/progressive/I16_5x3-progressive.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>PNG: progressive display of interlaced image I16_5x3</title>
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
<link rel="match" href="I16_5x3-progressive-ref.html">
<meta name="assert" content="When an Adam7-interlaced PNG has been received up to the end of pass N, for N from 1 to 6, the pixels received so far are displayed with their final values. Positions not yet received, which a viewer may fill in any way, are hidden by a mask.">
<style>
.pass { position: relative; display: inline-block; margin: 0 8px 8px 0; line-height: 0; }
.pass img { display: block; image-rendering: pixelated; }
.pass img.mask { position: absolute; left: 0; top: 0; }
</style>
<p>Test passes if the images below match the reference: the grey masks
leave visible only the pixels received by the end of each pass, which
must show their final values.</p>
<div class="pass"><img src="support/I16_5x3-trunc1.png" width="95" height="57" alt=""><img class="mask" src="support/I16_5x3-mask1.png" width="95" height="57" alt=""></div>
<div class="pass"><img src="support/I16_5x3-trunc2.png" width="95" height="57" alt=""><img class="mask" src="support/I16_5x3-mask2.png" width="95" height="57" alt=""></div>
<div class="pass"><img src="support/I16_5x3-trunc3.png" width="95" height="57" alt=""><img class="mask" src="support/I16_5x3-mask3.png" width="95" height="57" alt=""></div>
<div class="pass"><img src="support/I16_5x3-trunc4.png" width="95" height="57" alt=""><img class="mask" src="support/I16_5x3-mask4.png" width="95" height="57" alt=""></div>
<div class="pass"><img src="support/I16_5x3-trunc5.png" width="95" height="57" alt=""><img class="mask" src="support/I16_5x3-mask5.png" width="95" height="57" alt=""></div>
<div class="pass"><img src="support/I16_5x3-trunc6.png" width="95" height="57" alt=""><img class="mask" src="support/I16_5x3-mask6.png" width="95" height="57" alt=""></div>