OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../fast/repaint/resources/repaint.js"></script> | 4 <script src="../../fast/repaint/resources/repaint.js"></script> |
5 </head> | 5 </head> |
6 | 6 |
7 <body style="margin: 0; padding: 0; overflow: hidden;" onload="runRepaintTest()"
> | 7 <body style="margin: 0; padding: 0; overflow: hidden;" onload="runRepaintTest()"
> |
8 | 8 |
9 <div style="width: 100%; height: 100%; position: absolute;"> | 9 <div style="width: 100%; height: 100%; position: absolute;"> |
10 <!-- After window resizing, this SVG element should not be visible --> | 10 <!-- After window resizing, this SVG element should not be visible --> |
11 <svg width="50%" height="50%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80
0 600"> | 11 <svg width="50%" height="50%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 80
0 600"> |
12 <rect fill="red" width="800" height="600"></rect> | 12 <rect fill="red" width="800" height="600"></rect> |
13 </svg> | 13 </svg> |
14 </div> | 14 </div> |
15 | 15 |
16 <div style="width: 100%; height: 100%; position: absolute;"> | 16 <div style="width: 100%; height: 100%; position: absolute;"> |
17 <svg width="200" height="150" xmlns="http://www.w3.org/2000/svg"> | 17 <svg width="200" height="150" xmlns="http://www.w3.org/2000/svg"> |
18 <rect fill="green" width="100%" height="100%"/> | 18 <rect fill="green" width="100%" height="100%"/> |
19 </svg> | 19 </svg> |
20 </div> | 20 </div> |
21 | 21 |
22 <script> | 22 <script> |
23 function repaintTest() { | 23 function repaintTest() { |
24 window.resizeTo(window.innerWidth / 2, window.innerHeight / 2); | 24 window.resizeTo(window.innerWidth / 2, window.innerHeight / 2); |
25 } | 25 } |
26 </script> | 26 </script> |
27 </body> | 27 </body> |
28 </html> | 28 </html> |
OLD | NEW |