{ "layers": [ { "name": "Scrolling Contents Layer", "bounds": [800, 600], "contentsOpaque": true, "backgroundColor": "#FFFFFF" }, { "name": "LayoutBlockFlow (relative positioned) DIV id='child1' class='child composited'", "position": [1, 0], "bounds": [1, 1], "contentsOpaque": true, "backgroundColor": "#0000FF", "invalidations": [ { "rect": [0, 0, 1, 1], "object": "LayoutBlockFlow (relative positioned) DIV id='child1' class='child composited'", "reason": "full layer" } ], "transform": 2 }, { "name": "LayoutBlockFlow (relative positioned) DIV id='child2' class='child scale composited'", "bounds": [1, 1], "contentsOpaque": true, "backgroundColor": "#0000FF", "transform": 4 }, { "name": "LayoutBlockFlow (relative positioned) DIV id='container3' class='container scale composited'", "bounds": [1, 1], "contentsOpaque": true, "transform": 6 }, { "name": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'", "position": [1, 0], "bounds": [40, 40], "invalidations": [ { "rect": [0, 0, 40, 40], "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'", "reason": "full layer" }, { "rect": [0, 0, 40, 40], "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'", "reason": "full layer" } ], "transform": 7 }, { "name": "LayoutBlockFlow (relative positioned) DIV id='container5' class='container scale composited'", "contentsOpaque": true, "drawsContent": false, "transform": 9 }, { "name": "LayoutBlockFlow (relative positioned) DIV id='child5' class='child composited'", "bounds": [1, 1], "contentsOpaque": true, "backgroundColor": "#0000FF", "transform": 9 }, { "name": "LayoutBlockFlow (relative positioned) DIV id='container6' class='container composited'", "contentsOpaque": true, "drawsContent": false, "transform": 10 }, { "name": "LayoutBlockFlow (relative positioned) DIV id='child6' class='child scale composited'", "bounds": [1, 1], "contentsOpaque": true, "backgroundColor": "#0000FF", "transform": 12 } ], "transforms": [ { "id": 1, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [8, 8, 0, 1] ] }, { "id": 2, "parent": 1, "transform": [ [40, 0, 0, 0], [0, 40, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1] ], "origin": [0, 0] }, { "id": 3, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [9, 58, 0, 1] ] }, { "id": 4, "parent": 3, "transform": [ [40, 0, 0, 0], [0, 40, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1] ], "origin": [0, 0] }, { "id": 5, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [8, 108, 0, 1] ] }, { "id": 6, "parent": 5, "transform": [ [40, 0, 0, 0], [0, 40, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1] ], "origin": [0, 0] }, { "id": 7, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [8, 158, 0, 1] ] }, { "id": 8, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [8, 208, 0, 1] ] }, { "id": 9, "parent": 8, "transform": [ [40, 0, 0, 0], [0, 40, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1] ], "origin": [0, 0] }, { "id": 10, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [8, 258, 0, 1] ] }, { "id": 11, "parent": 10, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [1, 0, 0, 1] ] }, { "id": 12, "parent": 11, "transform": [ [40, 0, 0, 0], [0, 40, 0, 0], [0, 0, 1, 0], [0, 0, 0, 1] ], "origin": [0, 0] } ] }