OLD | NEW |
| (Empty) |
1 <!-- Based on compositing/squashing/repaint-squashed-layer-in-rect.html --> | |
2 <!doctype html> | |
3 <div style="height: 800px; width: 800px; background-color: lightgray; transform:
translateZ(0)"> | |
4 </div> | |
5 <div style="position:absolute; top: 0px; height: 200px; width: 200px"> | |
6 </div> | |
7 <div style="position:absolute; top: 400px; left: 400px; height: 200px; width: 20
0px; background-color: lightblue"> | |
8 <div id="imgElement" style="height: 200px; width: 200px; background-color: lig
htblue"> | |
9 </div> | |
10 </div> | |
11 <script src="resources/paint-invalidation-test.js"></script> | |
12 <script> | |
13 // Test that a repaint for the rect containing the changed background image is i
ssued in the coordinate space of the | |
14 // squashing layer, *not* local to the div with the background image on it. | |
15 function paintInvalidationTest() { | |
16 var imgElement = document.querySelector("#imgElement"); | |
17 imgElement.style.backgroundImage = "url('data:image/gif;base64,R0lGODdhAgACA
IABAAAAAP///ywAAAAAAgACAAACA0QCBQA7')"; | |
18 } | |
19 runPaintInvalidationTest(); | |
20 </script> | |
OLD | NEW |