OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <script src="../../resources/ahem.js"></script> | 2 <script src="../../resources/ahem.js"></script> |
3 <script src="resources/text-based-repaint.js"></script> | |
4 <script> | |
5 function repaintTest() { | |
6 document.getElementById('box').style.transform = 'rotate(30deg)'; | |
7 } | |
8 onload = runRepaintTest; | |
9 </script> | |
10 <style> | 3 <style> |
11 #box { | 4 #box { |
12 position: absolute; | 5 position: absolute; |
13 top: 100px; | 6 top: 100px; |
14 left: 100px; | 7 left: 100px; |
15 width: 100px; | 8 width: 100px; |
| 9 transform: rotate(30deg); |
16 } | 10 } |
17 #child { | 11 #child { |
18 position: relative; | 12 position: relative; |
19 left: 200px; | 13 left: 200px; |
20 top: 200px; | 14 top: 200px; |
21 font-family: Ahem; | 15 font-family: Ahem; |
22 } | 16 } |
23 </style> | 17 </style> |
24 Tests if the inline layered child is correctly repainted when container's transf
orm changes. | 18 Tests if the inline layered child is correctly repainted when container's transf
orm changes. |
25 Succeeds if the text is completely rotated leaving no residue at the original lo
cation. | 19 Succeeds if the text is completely rotated leaving no residue at the original lo
cation. |
26 <div id="box"> | 20 <div id="box"> |
27 <span id="child">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</span> | 21 <span id="child">A B C D E F G H I J K L M N O P Q R S T U V W X Y Z</span> |
28 </div> | 22 </div> |
OLD | NEW |