11{
22 "layers": [
33 {
44 "name": "LayoutView #document",
55 "bounds": [800, 600],
66 "contentsOpaque": true,
7 "drawsContent": true
7 "backgroundColor": "#FFFFFF"
88 },
99 {
1010 "name": "LayoutBlockFlow (relative positioned) DIV id='container1' class='container scale'",
11 "position": [8, 8],
12 "contentsOpaque": true,
13 "transform": [
14 [40, 0, 0, 0],
15 [0, 40, 0, 0],
16 [0, 0, 1, 0],
17 [0, 0, 0, 1]
18 ]
11 "contentsOpaque": true,
12 "drawsContent": false,
13 "transform": 2
1914 },
2015 {
2116 "name": "LayoutBlockFlow (relative positioned) DIV id='child1' class='child composited'",
2217 "bounds": [1, 1],
2318 "contentsOpaque": true,
24 "drawsContent": true,
25 "backgroundColor": "#0000FF"
19 "backgroundColor": "#0000FF",
20 "transform": 2
2621 },
2722 {
2823 "name": "LayoutBlockFlow (relative positioned) DIV id='child2' class='child scale composited'",
29 "position": [9, 58],
30 "transformOrigin": [0, 0],
31 "bounds": [1, 1],
32 "contentsOpaque": true,
33 "drawsContent": true,
34 "backgroundColor": "#0000FF",
35 "transform": [
36 [40, 0, 0, 0],
37 [0, 40, 0, 0],
38 [0, 0, 1, 0],
39 [0, 0, 0, 1]
40 ]
24 "bounds": [1, 1],
25 "contentsOpaque": true,
26 "backgroundColor": "#0000FF",
27 "transform": 4
4128 },
4229 {
4330 "name": "LayoutBlockFlow (relative positioned) DIV id='container3' class='container scale composited'",
44 "position": [8, 108],
45 "transformOrigin": [0, 0],
46 "bounds": [1, 1],
47 "contentsOpaque": true,
48 "drawsContent": true,
49 "transform": [
50 [40, 0, 0, 0],
51 [0, 40, 0, 0],
52 [0, 0, 1, 0],
53 [0, 0, 0, 1]
54 ]
31 "bounds": [1, 1],
32 "contentsOpaque": true,
33 "transform": 6
5534 },
5635 {
5736 "name": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
5837 "position": [9, 158],
59 "transformOrigin": [-1, 0],
6038 "bounds": [40, 40],
61 "drawsContent": true,
6239 "paintInvalidations": [
40 {
41 "object": "LayoutBlockFlow (relative positioned) DIV id='child4' class='child scale'",
42 "rect": [0, 0, 40, 40],
43 "reason": "paint property change"
44 },
45 {
46 "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
47 "rect": [0, 0, 40, 40],
48 "reason": "full"
49 },
6350 {
6451 "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
6552 "rect": [0, 0, 40, 40],
6956 },
7057 {
7158 "name": "LayoutBlockFlow (relative positioned) DIV id='container5' class='container scale composited'",
72 "position": [8, 208],
73 "contentsOpaque": true,
74 "transform": [
75 [40, 0, 0, 0],
76 [0, 40, 0, 0],
77 [0, 0, 1, 0],
78 [0, 0, 0, 1]
79 ]
59 "contentsOpaque": true,
60 "drawsContent": false,
61 "transform": 8
8062 },
8163 {
8264 "name": "LayoutBlockFlow (relative positioned) DIV id='child5' class='child composited'",
8365 "bounds": [1, 1],
8466 "contentsOpaque": true,
85 "drawsContent": true,
86 "backgroundColor": "#0000FF"
67 "backgroundColor": "#0000FF",
68 "transform": 8
8769 },
8870 {
8971 "name": "LayoutBlockFlow (relative positioned) DIV id='container6' class='container composited'",
9072 "position": [8, 258],
91 "contentsOpaque": true
73 "contentsOpaque": true,
74 "drawsContent": false
9275 },
9376 {
9477 "name": "LayoutBlockFlow (relative positioned) DIV id='child6' class='child scale composited'",
95 "position": [1, 0],
96 "transformOrigin": [0, 0],
97 "bounds": [1, 1],
98 "contentsOpaque": true,
99 "drawsContent": true,
100 "backgroundColor": "#0000FF",
101 "transform": [
102 [40, 0, 0, 0],
103 [0, 40, 0, 0],
104 [0, 0, 1, 0],
105 [0, 0, 0, 1]
106 ]
78 "bounds": [1, 1],
79 "contentsOpaque": true,
80 "backgroundColor": "#0000FF",
81 "transform": 10
82 }
83 ],
84 "transforms": [
85 {
86 "id": 1,
87 "transform": [
88 [1, 0, 0, 0],
89 [0, 1, 0, 0],
90 [0, 0, 1, 0],
91 [8, 8, 0, 1]
92 ]
93 },
94 {
95 "id": 2,
96 "parent": 1,
97 "transform": [
98 [40, 0, 0, 0],
99 [0, 40, 0, 0],
100 [0, 0, 1, 0],
101 [0, 0, 0, 1]
102 ],
103 "origin": [0, 0]
104 },
105 {
106 "id": 3,
107 "transform": [
108 [1, 0, 0, 0],
109 [0, 1, 0, 0],
110 [0, 0, 1, 0],
111 [9, 58, 0, 1]
112 ]
113 },
114 {
115 "id": 4,
116 "parent": 3,
117 "transform": [
118 [40, 0, 0, 0],
119 [0, 40, 0, 0],
120 [0, 0, 1, 0],
121 [0, 0, 0, 1]
122 ],
123 "origin": [0, 0]
124 },
125 {
126 "id": 5,
127 "transform": [
128 [1, 0, 0, 0],
129 [0, 1, 0, 0],
130 [0, 0, 1, 0],
131 [8, 108, 0, 1]
132 ]
133 },
134 {
135 "id": 6,
136 "parent": 5,
137 "transform": [
138 [40, 0, 0, 0],
139 [0, 40, 0, 0],
140 [0, 0, 1, 0],
141 [0, 0, 0, 1]
142 ],
143 "origin": [0, 0]
144 },
145 {
146 "id": 7,
147 "transform": [
148 [1, 0, 0, 0],
149 [0, 1, 0, 0],
150 [0, 0, 1, 0],
151 [8, 208, 0, 1]
152 ]
153 },
154 {
155 "id": 8,
156 "parent": 7,
157 "transform": [
158 [40, 0, 0, 0],
159 [0, 40, 0, 0],
160 [0, 0, 1, 0],
161 [0, 0, 0, 1]
162 ],
163 "origin": [0, 0]
164 },
165 {
166 "id": 9,
167 "transform": [
168 [1, 0, 0, 0],
169 [0, 1, 0, 0],
170 [0, 0, 1, 0],
171 [9, 258, 0, 1]
172 ]
173 },
174 {
175 "id": 10,
176 "parent": 9,
177 "transform": [
178 [40, 0, 0, 0],
179 [0, 40, 0, 0],
180 [0, 0, 1, 0],
181 [0, 0, 0, 1]
182 ],
183 "origin": [0, 0]
184 }
185 ],
186 "objectPaintInvalidations": [
187 {
188 "object": "LayoutBlockFlow (relative positioned) DIV id='container2' class='container'",
189 "reason": "geometry"
190 },
191 {
192 "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
193 "reason": "geometry"
194 },
195 {
196 "object": "LayoutBlockFlow (relative positioned) DIV id='container6' class='container composited'",
197 "reason": "geometry"
107198 }
108199 ]
109200}
110201