| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <body> | 3 <body> |
| 4 This tests slow loading png images referenced from a image element inside a SVG
pattern resource.<br> | 4 This tests slow loading png images referenced from a image element inside a SVG
pattern resource.<br> |
| 5 You should see a 400x300 rect containing a tiled rendering of the Acid3 referenc
e image. | 5 You should see a 400x300 rect containing a tiled rendering of the Acid3 referenc
e image. |
| 6 | 6 |
| 7 <svg width="400" height="300" style="position: absolute; left: 10px; top: 50px;
border: solid;"> | 7 <svg width="400" height="300" style="position: absolute; left: 10px; top: 50px;
border: solid;"> |
| 8 <defs> | 8 <defs> |
| 9 <pattern id="pattern" x="0" y="0" width="100" height="100" patternUnits="use
rSpaceOnUse" viewBox="0 0 800 600"> | 9 <pattern id="pattern" x="0" y="0" width="100" height="100" patternUnits="use
rSpaceOnUse" viewBox="0 0 800 600"> |
| 10 <image width="800" height="600" xlink:href="resources/slow-png-load.pl?n
ame=acid3-output.png&loadtime=1"/> | 10 <image width="800" height="600" xlink:href="resources/slow-png-load.pl?n
ame=acid3-output.png&loadtime=1"/> |
| 11 </pattern> | 11 </pattern> |
| 12 </defs> | 12 </defs> |
| 13 <rect width="400" height="300" fill="url(#pattern)"/> | 13 <rect width="400" height="300" fill="url(#pattern)"/> |
| 14 </svg> | 14 </svg> |
| 15 <script> | |
| 16 // Force a layout | |
| 17 document.body.offsetWidth; | |
| 18 | |
| 19 // Repaint immediately before image arrived | |
| 20 if (window.testRunner) | |
| 21 testRunner.display(); | |
| 22 </script> | |
| 23 </body> | 15 </body> |
| 24 </html> | 16 </html> |
| OLD | NEW |