{ "layers": [ { "name": "Scrolling background of LayoutView #document", "bounds": [1200, 900], "contentsOpaque": true, "backgroundColor": "#FFFFFF" }, { "name": "LayoutBlockFlow (relative positioned, inline, children-inline) DIV class='main box'", "position": [-45, -45], "bounds": [510, 510], "backgroundColor": "#FF0000", "transform": 1 }, { "name": "LayoutBlockFlow (positioned) DIV class='negative child'", "bounds": [75, 75], "drawsContent": false, "transform": 3 }, { "name": "LayoutBlockFlow (relative positioned, inline, children-inline) DIV class='main box'", "position": [60, 60], "bounds": [300, 300], "contentsOpaque": true, "backgroundColor": "#008000", "transform": 1 }, { "name": "LayoutBlockFlow (relative positioned, inline, children-inline, relayout-boundary) DIV class='main box'", "position": [-45, -45], "bounds": [510, 510], "backgroundColor": "#FF0000", "transform": 4 }, { "name": "LayoutBlockFlow (positioned) DIV class='negative child'", "bounds": [75, 75], "drawsContent": false, "transform": 6 }, { "name": "LayoutBlockFlow (relative positioned, inline, children-inline, relayout-boundary) DIV class='main box'", "position": [60, 60], "bounds": [300, 300], "contentsOpaque": true, "backgroundColor": "#008000", "transform": 4 } ], "transforms": [ { "id": 1, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [57, 162, 0, 1] ] }, { "id": 2, "parent": 1, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [60, 60, 0, 1] ] }, { "id": 3, "parent": 2, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 1.5, 1] ] }, { "id": 4, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [573, 57, 0, 1] ] }, { "id": 5, "parent": 4, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [60, 60, 0, 1] ] }, { "id": 6, "parent": 5, "transform": [ [1, 0, 0, 0], [0, 1, 0, 0], [0, 0, 1, 0], [0, 0, 1.5, 1] ] } ] }