OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <head> | 3 <head> |
4 <script src="../../fast/repaint/resources/repaint.js" type="text/javascript"
></script> | 4 <script src="../../fast/repaint/resources/text-based-repaint.js" type="text/
javascript"></script> |
5 <script> | 5 <script> |
6 function repaintTest() { | 6 function repaintTest() { |
7 window.resizeTo(400, 300); | 7 window.resizeTo(400, 300); |
8 } | 8 } |
9 </script> | 9 </script> |
10 </head> | 10 </head> |
11 <body onload="runRepaintTest();"> | 11 <body onload="forceStyleRecalc();repaintTest();;"> |
12 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/
xlink"> | 12 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/
xlink"> |
13 <!-- http://crbug.com/307161 | 13 <!-- http://crbug.com/307161 |
14 The mask should get resized on window resize. | 14 The mask should get resized on window resize. |
15 --> | 15 --> |
16 <defs> | 16 <defs> |
17 <mask id="mask" maskContentUnits="userSpaceOnUse"> | 17 <mask id="mask" maskContentUnits="userSpaceOnUse"> |
18 <rect width="39%" height="59%" fill="white"/> | 18 <rect width="39%" height="59%" fill="white"/> |
19 </mask> | 19 </mask> |
20 </defs> | 20 </defs> |
21 <rect width="100%" height="100%" mask="url(#mask)" fill="red"/> | 21 <rect width="100%" height="100%" mask="url(#mask)" fill="red"/> |
22 <rect width="40%" height="60%" fill="green"/> | 22 <rect width="40%" height="60%" fill="green"/> |
23 </svg> | 23 </svg> |
24 </body> | 24 </body> |
25 </html> | 25 </html> |
OLD | NEW |