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 |