OLD | NEW |
1 <!DOCTYPE HTML> | 1 <!DOCTYPE HTML> |
2 <style> | 2 <style> |
3 .composited { | 3 .composited { |
4 position: absolute; | 4 position: absolute; |
5 -webkit-transform: translateZ(0); | 5 -webkit-transform: translateZ(0); |
6 width: 150px; | 6 width: 150px; |
7 height: 150px; | 7 height: 150px; |
8 background: #D9CCA7; | 8 background: #D9CCA7; |
9 } | 9 } |
10 body { | 10 body { |
(...skipping 29 matching lines...) Expand all Loading... |
40 </style> | 40 </style> |
41 <div class="composited"></div> | 41 <div class="composited"></div> |
42 <div id="layer-A"></div> | 42 <div id="layer-A"></div> |
43 <div id="layer-B"></div> | 43 <div id="layer-B"></div> |
44 <div id="layer-C"></div> | 44 <div id="layer-C"></div> |
45 <pre><pre> | 45 <pre><pre> |
46 <script> | 46 <script> |
47 if (window.testRunner) { | 47 if (window.testRunner) { |
48 testRunner.dumpAsText(); | 48 testRunner.dumpAsText(); |
49 window.internals.settings.setLayerSquashingEnabled(true); | 49 window.internals.settings.setLayerSquashingEnabled(true); |
50 window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(t
rue); | 50 window.internals.settings.setPreferCompositingToLCDTextEnabled(true); |
51 } else { | 51 } else { |
52 alert('This test requires testRunner'); | 52 alert('This test requires testRunner'); |
53 } | 53 } |
54 | 54 |
55 window.internals.forceCompositingUpdate(document); | 55 window.internals.forceCompositingUpdate(document); |
56 document.getElementById("layer-A").style.position = "absolute"; | 56 document.getElementById("layer-A").style.position = "absolute"; |
57 document.querySelector('pre').textContent = window.internals.layerTreeAsText(doc
ument); | 57 document.querySelector('pre').textContent = window.internals.layerTreeAsText(doc
ument); |
58 </script> | 58 </script> |
OLD | NEW |