OLD | NEW |
1 { | 1 { |
2 "layers": [ | 2 "layers": [ |
3 { | 3 { |
4 "name": "LayoutView #document", | 4 "name": "LayoutView #document", |
5 "bounds": [800, 600], | 5 "bounds": [800, 600], |
6 "contentsOpaque": true, | 6 "contentsOpaque": true, |
7 "drawsContent": true, | 7 "drawsContent": true, |
8 "paintInvalidations": [ | 8 "paintInvalidations": [ |
9 { | 9 { |
10 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 10 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
11 "rect": [550, 350, 150, 150], | 11 "rect": [550, 350, 150, 150], |
12 "reason": "bounds change" | 12 "reason": "geometry" |
13 }, | 13 }, |
14 { | 14 { |
15 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 15 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
16 "rect": [535, 325, 150, 150], | 16 "rect": [535, 325, 150, 150], |
17 "reason": "bounds change" | 17 "reason": "geometry" |
18 }, | 18 }, |
19 { | 19 { |
20 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 20 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
21 "rect": [535, 325, 150, 150], | 21 "rect": [535, 325, 150, 150], |
22 "reason": "bounds change" | 22 "reason": "geometry" |
23 }, | 23 }, |
24 { | 24 { |
25 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 25 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
26 "rect": [520, 300, 150, 150], | 26 "rect": [520, 300, 150, 150], |
27 "reason": "bounds change" | 27 "reason": "geometry" |
28 }, | 28 }, |
29 { | 29 { |
30 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 30 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
31 "rect": [520, 300, 150, 150], | 31 "rect": [520, 300, 150, 150], |
32 "reason": "bounds change" | 32 "reason": "geometry" |
33 }, | 33 }, |
34 { | 34 { |
35 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 35 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
36 "rect": [505, 275, 150, 150], | 36 "rect": [505, 275, 150, 150], |
37 "reason": "bounds change" | 37 "reason": "geometry" |
38 }, | 38 }, |
39 { | 39 { |
40 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 40 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
41 "rect": [505, 275, 150, 150], | 41 "rect": [505, 275, 150, 150], |
42 "reason": "bounds change" | 42 "reason": "geometry" |
43 }, | 43 }, |
44 { | 44 { |
45 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 45 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
46 "rect": [490, 250, 150, 150], | 46 "rect": [490, 250, 150, 150], |
47 "reason": "bounds change" | 47 "reason": "geometry" |
48 }, | 48 }, |
49 { | 49 { |
50 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 50 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
51 "rect": [490, 250, 150, 150], | 51 "rect": [490, 250, 150, 150], |
52 "reason": "bounds change" | 52 "reason": "geometry" |
53 }, | 53 }, |
54 { | 54 { |
55 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 55 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
56 "rect": [475, 225, 150, 150], | 56 "rect": [475, 225, 150, 150], |
57 "reason": "bounds change" | 57 "reason": "geometry" |
58 }, | 58 }, |
59 { | 59 { |
60 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 60 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
61 "rect": [475, 225, 150, 150], | 61 "rect": [475, 225, 150, 150], |
62 "reason": "bounds change" | 62 "reason": "geometry" |
63 }, | 63 }, |
64 { | 64 { |
65 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 65 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
66 "rect": [460, 200, 150, 150], | 66 "rect": [460, 200, 150, 150], |
67 "reason": "bounds change" | 67 "reason": "geometry" |
68 }, | 68 }, |
69 { | 69 { |
70 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 70 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
71 "rect": [460, 200, 150, 150], | 71 "rect": [460, 200, 150, 150], |
72 "reason": "bounds change" | 72 "reason": "geometry" |
73 }, | 73 }, |
74 { | 74 { |
75 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 75 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
76 "rect": [445, 175, 150, 150], | 76 "rect": [445, 175, 150, 150], |
77 "reason": "bounds change" | 77 "reason": "geometry" |
78 }, | 78 }, |
79 { | 79 { |
80 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 80 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
81 "rect": [445, 175, 150, 150], | 81 "rect": [445, 175, 150, 150], |
82 "reason": "bounds change" | 82 "reason": "geometry" |
83 }, | 83 }, |
84 { | 84 { |
85 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 85 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
86 "rect": [430, 150, 150, 150], | 86 "rect": [430, 150, 150, 150], |
87 "reason": "bounds change" | 87 "reason": "geometry" |
88 }, | 88 }, |
89 { | 89 { |
90 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 90 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
91 "rect": [430, 150, 150, 150], | 91 "rect": [430, 150, 150, 150], |
92 "reason": "bounds change" | 92 "reason": "geometry" |
93 }, | 93 }, |
94 { | 94 { |
95 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", | 95 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'
", |
96 "rect": [400, 100, 150, 150], | 96 "rect": [400, 100, 150, 150], |
97 "reason": "bounds change" | 97 "reason": "geometry" |
98 }, | 98 }, |
99 { | 99 { |
100 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 100 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
101 "rect": [250, 350, 150, 150], | 101 "rect": [250, 350, 150, 150], |
102 "reason": "bounds change" | 102 "reason": "geometry" |
103 }, | 103 }, |
104 { | 104 { |
105 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 105 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
106 "rect": [235, 325, 150, 150], | 106 "rect": [235, 325, 150, 150], |
107 "reason": "bounds change" | 107 "reason": "geometry" |
108 }, | 108 }, |
109 { | 109 { |
110 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 110 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
111 "rect": [235, 325, 150, 150], | 111 "rect": [235, 325, 150, 150], |
112 "reason": "bounds change" | 112 "reason": "geometry" |
113 }, | 113 }, |
114 { | 114 { |
115 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 115 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
116 "rect": [220, 300, 150, 150], | 116 "rect": [220, 300, 150, 150], |
117 "reason": "bounds change" | 117 "reason": "geometry" |
118 }, | 118 }, |
119 { | 119 { |
120 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 120 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
121 "rect": [220, 300, 150, 150], | 121 "rect": [220, 300, 150, 150], |
122 "reason": "bounds change" | 122 "reason": "geometry" |
123 }, | 123 }, |
124 { | 124 { |
125 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 125 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
126 "rect": [205, 275, 150, 150], | 126 "rect": [205, 275, 150, 150], |
127 "reason": "bounds change" | 127 "reason": "geometry" |
128 }, | 128 }, |
129 { | 129 { |
130 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 130 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
131 "rect": [205, 275, 150, 150], | 131 "rect": [205, 275, 150, 150], |
132 "reason": "bounds change" | 132 "reason": "geometry" |
133 }, | 133 }, |
134 { | 134 { |
135 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 135 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
136 "rect": [190, 250, 150, 150], | 136 "rect": [190, 250, 150, 150], |
137 "reason": "bounds change" | 137 "reason": "geometry" |
138 }, | 138 }, |
139 { | 139 { |
140 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 140 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
141 "rect": [190, 250, 150, 150], | 141 "rect": [190, 250, 150, 150], |
142 "reason": "bounds change" | 142 "reason": "geometry" |
143 }, | 143 }, |
144 { | 144 { |
145 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 145 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
146 "rect": [175, 225, 150, 150], | 146 "rect": [175, 225, 150, 150], |
147 "reason": "bounds change" | 147 "reason": "geometry" |
148 }, | 148 }, |
149 { | 149 { |
150 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 150 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
151 "rect": [175, 225, 150, 150], | 151 "rect": [175, 225, 150, 150], |
152 "reason": "bounds change" | 152 "reason": "geometry" |
153 }, | 153 }, |
154 { | 154 { |
155 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 155 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
156 "rect": [160, 200, 150, 150], | 156 "rect": [160, 200, 150, 150], |
157 "reason": "bounds change" | 157 "reason": "geometry" |
158 }, | 158 }, |
159 { | 159 { |
160 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 160 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
161 "rect": [160, 200, 150, 150], | 161 "rect": [160, 200, 150, 150], |
162 "reason": "bounds change" | 162 "reason": "geometry" |
163 }, | 163 }, |
164 { | 164 { |
165 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 165 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
166 "rect": [145, 175, 150, 150], | 166 "rect": [145, 175, 150, 150], |
167 "reason": "bounds change" | 167 "reason": "geometry" |
168 }, | 168 }, |
169 { | 169 { |
170 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 170 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
171 "rect": [145, 175, 150, 150], | 171 "rect": [145, 175, 150, 150], |
172 "reason": "bounds change" | 172 "reason": "geometry" |
173 }, | 173 }, |
174 { | 174 { |
175 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 175 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
176 "rect": [130, 150, 150, 150], | 176 "rect": [130, 150, 150, 150], |
177 "reason": "bounds change" | 177 "reason": "geometry" |
178 }, | 178 }, |
179 { | 179 { |
180 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 180 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
181 "rect": [130, 150, 150, 150], | 181 "rect": [130, 150, 150, 150], |
182 "reason": "bounds change" | 182 "reason": "geometry" |
183 }, | 183 }, |
184 { | 184 { |
185 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 185 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
186 "rect": [100, 100, 150, 150], | 186 "rect": [100, 100, 150, 150], |
187 "reason": "bounds change" | 187 "reason": "geometry" |
188 } | 188 } |
189 ] | 189 ] |
190 } | 190 } |
191 ], | 191 ], |
192 "objectPaintInvalidations": [ | 192 "objectPaintInvalidations": [ |
193 { | 193 { |
194 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 194 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
195 "reason": "bounds change" | 195 "reason": "geometry" |
196 }, | 196 }, |
197 { | 197 { |
198 "object": "LayoutSVGRect rect", | 198 "object": "LayoutSVGRect rect", |
199 "reason": "bounds change" | 199 "reason": "geometry" |
200 }, | 200 }, |
201 { | 201 { |
202 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", | 202 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", |
203 "reason": "bounds change" | 203 "reason": "geometry" |
204 }, | 204 }, |
205 { | 205 { |
206 "object": "LayoutBlockFlow div class='innerBox'", | 206 "object": "LayoutBlockFlow div class='innerBox'", |
207 "reason": "bounds change" | 207 "reason": "geometry" |
208 }, | 208 }, |
209 { | 209 { |
210 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 210 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
211 "reason": "bounds change" | 211 "reason": "geometry" |
212 }, | 212 }, |
213 { | 213 { |
214 "object": "LayoutSVGRect rect", | 214 "object": "LayoutSVGRect rect", |
215 "reason": "bounds change" | 215 "reason": "geometry" |
216 }, | 216 }, |
217 { | 217 { |
218 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", | 218 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", |
219 "reason": "bounds change" | 219 "reason": "geometry" |
220 }, | 220 }, |
221 { | 221 { |
222 "object": "LayoutBlockFlow div class='innerBox'", | 222 "object": "LayoutBlockFlow div class='innerBox'", |
223 "reason": "bounds change" | 223 "reason": "geometry" |
224 }, | 224 }, |
225 { | 225 { |
226 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 226 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
227 "reason": "bounds change" | 227 "reason": "geometry" |
228 }, | 228 }, |
229 { | 229 { |
230 "object": "LayoutSVGRect rect", | 230 "object": "LayoutSVGRect rect", |
231 "reason": "bounds change" | 231 "reason": "geometry" |
232 }, | 232 }, |
233 { | 233 { |
234 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", | 234 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", |
235 "reason": "bounds change" | 235 "reason": "geometry" |
236 }, | 236 }, |
237 { | 237 { |
238 "object": "LayoutBlockFlow div class='innerBox'", | 238 "object": "LayoutBlockFlow div class='innerBox'", |
239 "reason": "bounds change" | 239 "reason": "geometry" |
240 }, | 240 }, |
241 { | 241 { |
242 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 242 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
243 "reason": "bounds change" | 243 "reason": "geometry" |
244 }, | 244 }, |
245 { | 245 { |
246 "object": "LayoutSVGRect rect", | 246 "object": "LayoutSVGRect rect", |
247 "reason": "bounds change" | 247 "reason": "geometry" |
248 }, | 248 }, |
249 { | 249 { |
250 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", | 250 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", |
251 "reason": "bounds change" | 251 "reason": "geometry" |
252 }, | 252 }, |
253 { | 253 { |
254 "object": "LayoutBlockFlow div class='innerBox'", | 254 "object": "LayoutBlockFlow div class='innerBox'", |
255 "reason": "bounds change" | 255 "reason": "geometry" |
256 }, | 256 }, |
257 { | 257 { |
258 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 258 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
259 "reason": "bounds change" | 259 "reason": "geometry" |
260 }, | 260 }, |
261 { | 261 { |
262 "object": "LayoutSVGRect rect", | 262 "object": "LayoutSVGRect rect", |
263 "reason": "bounds change" | 263 "reason": "geometry" |
264 }, | 264 }, |
265 { | 265 { |
266 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", | 266 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", |
267 "reason": "bounds change" | 267 "reason": "geometry" |
268 }, | 268 }, |
269 { | 269 { |
270 "object": "LayoutBlockFlow div class='innerBox'", | 270 "object": "LayoutBlockFlow div class='innerBox'", |
271 "reason": "bounds change" | 271 "reason": "geometry" |
272 }, | 272 }, |
273 { | 273 { |
274 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 274 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
275 "reason": "bounds change" | 275 "reason": "geometry" |
276 }, | 276 }, |
277 { | 277 { |
278 "object": "LayoutSVGRect rect", | 278 "object": "LayoutSVGRect rect", |
279 "reason": "bounds change" | 279 "reason": "geometry" |
280 }, | 280 }, |
281 { | 281 { |
282 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", | 282 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", |
283 "reason": "bounds change" | 283 "reason": "geometry" |
284 }, | 284 }, |
285 { | 285 { |
286 "object": "LayoutBlockFlow div class='innerBox'", | 286 "object": "LayoutBlockFlow div class='innerBox'", |
287 "reason": "bounds change" | 287 "reason": "geometry" |
288 }, | 288 }, |
289 { | 289 { |
290 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 290 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
291 "reason": "bounds change" | 291 "reason": "geometry" |
292 }, | 292 }, |
293 { | 293 { |
294 "object": "LayoutSVGRect rect", | 294 "object": "LayoutSVGRect rect", |
295 "reason": "bounds change" | 295 "reason": "geometry" |
296 }, | 296 }, |
297 { | 297 { |
298 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", | 298 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", |
299 "reason": "bounds change" | 299 "reason": "geometry" |
300 }, | 300 }, |
301 { | 301 { |
302 "object": "LayoutBlockFlow div class='innerBox'", | 302 "object": "LayoutBlockFlow div class='innerBox'", |
303 "reason": "bounds change" | 303 "reason": "geometry" |
304 }, | 304 }, |
305 { | 305 { |
306 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 306 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
307 "reason": "bounds change" | 307 "reason": "geometry" |
308 }, | 308 }, |
309 { | 309 { |
310 "object": "LayoutSVGRect rect", | 310 "object": "LayoutSVGRect rect", |
311 "reason": "bounds change" | 311 "reason": "geometry" |
312 }, | 312 }, |
313 { | 313 { |
314 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", | 314 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", |
315 "reason": "bounds change" | 315 "reason": "geometry" |
316 }, | 316 }, |
317 { | 317 { |
318 "object": "LayoutBlockFlow div class='innerBox'", | 318 "object": "LayoutBlockFlow div class='innerBox'", |
319 "reason": "bounds change" | 319 "reason": "geometry" |
320 }, | 320 }, |
321 { | 321 { |
322 "object": "LayoutSVGRoot (positioned) svg id='svg'", | 322 "object": "LayoutSVGRoot (positioned) svg id='svg'", |
323 "reason": "bounds change" | 323 "reason": "geometry" |
324 }, | 324 }, |
325 { | 325 { |
326 "object": "LayoutSVGRect rect", | 326 "object": "LayoutSVGRect rect", |
327 "reason": "bounds change" | 327 "reason": "geometry" |
328 }, | 328 }, |
329 { | 329 { |
330 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", | 330 "object": "LayoutBlockFlow (positioned) div id='html' class='outerBox'", |
331 "reason": "bounds change" | 331 "reason": "geometry" |
332 }, | 332 }, |
333 { | 333 { |
334 "object": "LayoutBlockFlow div class='innerBox'", | 334 "object": "LayoutBlockFlow div class='innerBox'", |
335 "reason": "bounds change" | 335 "reason": "geometry" |
336 } | 336 } |
337 ] | 337 ] |
338 } | 338 } |
339 | 339 |
OLD | NEW |