LibGfx: add GIF test suite
Adds a GIF test suite HTML page that contains a selection of test GIF images and reference PNGs for each frame Adds a link to the GIF test suite on welcome.html
Peter Nelson
Andreas Kling
Author: https://github.com/peterdn Commit: https://github.com/SerenityOS/serenity/commit/f63592f8711 Pull-request: https://github.com/SerenityOS/serenity/pull/3363
138
Base/res/html/misc/gifsuite.html
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<meta charset="UTF-8">
|
||||
|
||||
<title>GIF Suite Image List</title>
|
||||
|
||||
<style>
|
||||
.b { background:url(gifsuite_files/bkgd.png); }
|
||||
</style>
|
||||
|
||||
</head>
|
||||
|
||||
<body class="vsc-initialized">
|
||||
|
||||
<h1>GIF Suite Image List</h1>
|
||||
|
||||
<p>
|
||||
Test GIF images are displayed in the leftmost column. Where they contain multiple frames,
|
||||
each frame is rendered as a reference PNG in subsequent columns, exactly as it should appear.
|
||||
Any differences indicate a bug in the GIF decoder.
|
||||
</p>
|
||||
|
||||
<table cellpadding="8" border="1">
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>Image</th>
|
||||
<th>Frame 1</th>
|
||||
<th>Frame 2</th>
|
||||
<th>Frame 3</th>
|
||||
<th>Frame 4</th>
|
||||
<th>Notes</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/static_nontransparent.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/static_nontransparent.png"></td>
|
||||
<td class="b">N/A</td>
|
||||
<td class="b">N/A</td>
|
||||
<td class="b">N/A</td>
|
||||
<td>Static gif with no animation, no transparency</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/animated_noloop.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_noloop-0.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_noloop-1.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_noloop-2.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_noloop-3.png"></td>
|
||||
<td>Animated gif with 4 frames, no loop, no transparency</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop-0.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop-1.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop-2.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop-3.png"></td>
|
||||
<td>Animated gif with 4 frames, looping forever, no transparency</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/animated_interlaced_loop.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_interlaced_loop-0.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_interlaced_loop-1.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_interlaced_loop-2.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_interlaced_loop-3.png"></td>
|
||||
<td>Interlaced gif with 4 frames, looping forever, no transparency</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop_variable_delay.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop_variable_delay-0.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop_variable_delay-1.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop_variable_delay-2.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_loop_variable_delay-3.png"></td>
|
||||
<td>Animated gif with 4 frames, looping forever, no transparency, shorter delay between frames 2 and 3</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/static_transparent.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/static_transparent.png"></td>
|
||||
<td class="b">N/A</td>
|
||||
<td class="b">N/A</td>
|
||||
<td class="b">N/A</td>
|
||||
<td>Static transparent gif with no animation</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_loop.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_loop-0.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_loop-1.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_loop-2.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_loop-3.png"></td>
|
||||
<td>Transparent gif with 4 frames, loops forever</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_restoreprev_loop.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_restoreprev_loop-0.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_restoreprev_loop-1.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_restoreprev_loop-2.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_restoreprev_loop-3.png"></td>
|
||||
<td>Transparent gif with 4 frames, loops forever, restore previous</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_norestore_loop.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_norestore_loop-0.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_norestore_loop-1.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_norestore_loop-2.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_norestore_loop-3.png"></td>
|
||||
<td>Transparent gif with 4 transparent frames, loops forever, no dispose</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restorebackground_loop.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restorebackground_loop-0.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restorebackground_loop-1.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restorebackground_loop-2.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restorebackground_loop-3.png"></td>
|
||||
<td>Transparent gif with 4 transparent frames, loops forever, restore background</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restoreprev_loop.gif"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restoreprev_loop-0.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restoreprev_loop-1.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restoreprev_loop-2.png"></td>
|
||||
<td class="b"><img src="gifsuite_files/animated_transparent_frame_restoreprev_loop-3.png"></td>
|
||||
<td>Transparent gif with 4 transparent frames, loops forever, restore previous</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
BIN
Base/res/html/misc/gifsuite_files/animated_interlaced_loop-0.png
Normal file
|
After Width: | Height: | Size: 789 B |
BIN
Base/res/html/misc/gifsuite_files/animated_interlaced_loop-1.png
Normal file
|
After Width: | Height: | Size: 804 B |
BIN
Base/res/html/misc/gifsuite_files/animated_interlaced_loop-2.png
Normal file
|
After Width: | Height: | Size: 814 B |
BIN
Base/res/html/misc/gifsuite_files/animated_interlaced_loop-3.png
Normal file
|
After Width: | Height: | Size: 776 B |
BIN
Base/res/html/misc/gifsuite_files/animated_interlaced_loop.gif
Normal file
|
After Width: | Height: | Size: 878 B |
BIN
Base/res/html/misc/gifsuite_files/animated_loop-0.png
Normal file
|
After Width: | Height: | Size: 789 B |
BIN
Base/res/html/misc/gifsuite_files/animated_loop-1.png
Normal file
|
After Width: | Height: | Size: 804 B |
BIN
Base/res/html/misc/gifsuite_files/animated_loop-2.png
Normal file
|
After Width: | Height: | Size: 814 B |
BIN
Base/res/html/misc/gifsuite_files/animated_loop-3.png
Normal file
|
After Width: | Height: | Size: 776 B |
BIN
Base/res/html/misc/gifsuite_files/animated_loop.gif
Normal file
|
After Width: | Height: | Size: 873 B |
|
After Width: | Height: | Size: 789 B |
|
After Width: | Height: | Size: 804 B |
|
After Width: | Height: | Size: 814 B |
|
After Width: | Height: | Size: 776 B |
|
After Width: | Height: | Size: 873 B |
BIN
Base/res/html/misc/gifsuite_files/animated_noloop-0.png
Normal file
|
After Width: | Height: | Size: 789 B |
BIN
Base/res/html/misc/gifsuite_files/animated_noloop-1.png
Normal file
|
After Width: | Height: | Size: 804 B |
BIN
Base/res/html/misc/gifsuite_files/animated_noloop-2.png
Normal file
|
After Width: | Height: | Size: 814 B |
BIN
Base/res/html/misc/gifsuite_files/animated_noloop-3.png
Normal file
|
After Width: | Height: | Size: 776 B |
BIN
Base/res/html/misc/gifsuite_files/animated_noloop.gif
Normal file
|
After Width: | Height: | Size: 854 B |
|
After Width: | Height: | Size: 479 B |
|
After Width: | Height: | Size: 554 B |
|
After Width: | Height: | Size: 609 B |
|
After Width: | Height: | Size: 653 B |
|
After Width: | Height: | Size: 685 B |
|
After Width: | Height: | Size: 479 B |
|
After Width: | Height: | Size: 554 B |
|
After Width: | Height: | Size: 642 B |
|
After Width: | Height: | Size: 703 B |
|
After Width: | Height: | Size: 685 B |
|
After Width: | Height: | Size: 479 B |
|
After Width: | Height: | Size: 554 B |
|
After Width: | Height: | Size: 562 B |
|
After Width: | Height: | Size: 556 B |
|
After Width: | Height: | Size: 685 B |
|
After Width: | Height: | Size: 479 B |
|
After Width: | Height: | Size: 488 B |
|
After Width: | Height: | Size: 500 B |
|
After Width: | Height: | Size: 490 B |
BIN
Base/res/html/misc/gifsuite_files/animated_transparent_loop.gif
Normal file
|
After Width: | Height: | Size: 536 B |
|
After Width: | Height: | Size: 479 B |
|
After Width: | Height: | Size: 488 B |
|
After Width: | Height: | Size: 501 B |
|
After Width: | Height: | Size: 493 B |
|
After Width: | Height: | Size: 536 B |
BIN
Base/res/html/misc/gifsuite_files/bkgd.png
Normal file
|
After Width: | Height: | Size: 160 B |
BIN
Base/res/html/misc/gifsuite_files/static_nontransparent.gif
Normal file
|
After Width: | Height: | Size: 678 B |
BIN
Base/res/html/misc/gifsuite_files/static_nontransparent.png
Normal file
|
After Width: | Height: | Size: 789 B |
BIN
Base/res/html/misc/gifsuite_files/static_transparent.gif
Normal file
|
After Width: | Height: | Size: 341 B |
BIN
Base/res/html/misc/gifsuite_files/static_transparent.png
Normal file
|
After Width: | Height: | Size: 479 B |
|
|
@ -40,6 +40,7 @@ span#ua {
|
|||
<li><a href="many-buggies.html">many buggies</a></li>
|
||||
<li><a href="bmpsuite.html">BMP test suite</a></li>
|
||||
<li><a href="jpg.html">JPG Images</a></li>
|
||||
<li><a href="gifsuite.html">GIF test suite</a></li>
|
||||
<li><a href="palette.html">system palette color css extension</a></li>
|
||||
<li><a href="inline-block-link.html">link inside display: inline-block</a></li>
|
||||
<li><a href="set-interval.html">setInterval() test</a></li>
|
||||
|
|
|
|||