| OLD | NEW |
| 1 10.1: | 1 10.1: |
| 2 { | 2 { |
| 3 "name": "Content Root Layer", | 3 "layers": [ |
| 4 "bounds": [800, 600], | 4 { |
| 5 "children": [ | 5 "name": "LayoutView #document", |
| 6 { | 6 "bounds": [800, 600], |
| 7 "name": "LayoutView #document", | 7 "contentsOpaque": true, |
| 8 "bounds": [800, 600], | 8 "drawsContent": true |
| 9 "contentsOpaque": true, | 9 }, |
| 10 "drawsContent": true, | 10 { |
| 11 "children": [ | 11 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 12 { | 12 "position": [18, 8], |
| 13 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 13 "bounds": [100, 50] |
| 14 "position": [18, 8], | |
| 15 "bounds": [100, 50] | |
| 16 } | |
| 17 ] | |
| 18 } | 14 } |
| 19 ] | 15 ] |
| 20 } | 16 } |
| 21 10.2: | 17 10.2: |
| 22 { | 18 { |
| 23 "name": "Content Root Layer", | 19 "layers": [ |
| 24 "bounds": [800, 600], | 20 { |
| 25 "children": [ | 21 "name": "LayoutView #document", |
| 26 { | 22 "bounds": [800, 600], |
| 27 "name": "LayoutView #document", | 23 "contentsOpaque": true, |
| 28 "bounds": [800, 600], | 24 "drawsContent": true |
| 29 "contentsOpaque": true, | 25 }, |
| 30 "drawsContent": true, | 26 { |
| 31 "children": [ | 27 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 32 { | 28 "position": [18, 8], |
| 33 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 29 "bounds": [100, 50] |
| 34 "position": [18, 8], | |
| 35 "bounds": [100, 50] | |
| 36 } | |
| 37 ] | |
| 38 } | 30 } |
| 39 ] | 31 ] |
| 40 } | 32 } |
| 41 10.299999999999999: | 33 10.299999999999999: |
| 42 { | 34 { |
| 43 "name": "Content Root Layer", | 35 "layers": [ |
| 44 "bounds": [800, 600], | 36 { |
| 45 "children": [ | 37 "name": "LayoutView #document", |
| 46 { | 38 "bounds": [800, 600], |
| 47 "name": "LayoutView #document", | 39 "contentsOpaque": true, |
| 48 "bounds": [800, 600], | 40 "drawsContent": true |
| 49 "contentsOpaque": true, | 41 }, |
| 50 "drawsContent": true, | 42 { |
| 51 "children": [ | 43 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 52 { | 44 "position": [18, 8], |
| 53 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 45 "bounds": [100, 50] |
| 54 "position": [18, 8], | |
| 55 "bounds": [100, 50] | |
| 56 } | |
| 57 ] | |
| 58 } | 46 } |
| 59 ] | 47 ] |
| 60 } | 48 } |
| 61 10.399999999999999: | 49 10.399999999999999: |
| 62 { | 50 { |
| 63 "name": "Content Root Layer", | 51 "layers": [ |
| 64 "bounds": [800, 600], | 52 { |
| 65 "children": [ | 53 "name": "LayoutView #document", |
| 66 { | 54 "bounds": [800, 600], |
| 67 "name": "LayoutView #document", | 55 "contentsOpaque": true, |
| 68 "bounds": [800, 600], | 56 "drawsContent": true |
| 69 "contentsOpaque": true, | 57 }, |
| 70 "drawsContent": true, | 58 { |
| 71 "children": [ | 59 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 72 { | 60 "position": [18, 8], |
| 73 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 61 "bounds": [100, 50] |
| 74 "position": [18, 8], | |
| 75 "bounds": [100, 50] | |
| 76 } | |
| 77 ] | |
| 78 } | 62 } |
| 79 ] | 63 ] |
| 80 } | 64 } |
| 81 10.499999999999998: | 65 10.499999999999998: |
| 82 { | 66 { |
| 83 "name": "Content Root Layer", | 67 "layers": [ |
| 84 "bounds": [800, 600], | 68 { |
| 85 "children": [ | 69 "name": "LayoutView #document", |
| 86 { | 70 "bounds": [800, 600], |
| 87 "name": "LayoutView #document", | 71 "contentsOpaque": true, |
| 88 "bounds": [800, 600], | 72 "drawsContent": true |
| 89 "contentsOpaque": true, | 73 }, |
| 90 "drawsContent": true, | 74 { |
| 91 "children": [ | 75 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 92 { | 76 "position": [19, 8], |
| 93 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 77 "bounds": [100, 50] |
| 94 "position": [19, 8], | |
| 95 "bounds": [100, 50] | |
| 96 } | |
| 97 ] | |
| 98 } | 78 } |
| 99 ] | 79 ] |
| 100 } | 80 } |
| 101 10.599999999999998: | 81 10.599999999999998: |
| 102 { | 82 { |
| 103 "name": "Content Root Layer", | 83 "layers": [ |
| 104 "bounds": [800, 600], | 84 { |
| 105 "children": [ | 85 "name": "LayoutView #document", |
| 106 { | 86 "bounds": [800, 600], |
| 107 "name": "LayoutView #document", | 87 "contentsOpaque": true, |
| 108 "bounds": [800, 600], | 88 "drawsContent": true |
| 109 "contentsOpaque": true, | 89 }, |
| 110 "drawsContent": true, | 90 { |
| 111 "children": [ | 91 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 112 { | 92 "position": [19, 8], |
| 113 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 93 "bounds": [100, 50] |
| 114 "position": [19, 8], | |
| 115 "bounds": [100, 50] | |
| 116 } | |
| 117 ] | |
| 118 } | 94 } |
| 119 ] | 95 ] |
| 120 } | 96 } |
| 121 10.699999999999998: | 97 10.699999999999998: |
| 122 { | 98 { |
| 123 "name": "Content Root Layer", | 99 "layers": [ |
| 124 "bounds": [800, 600], | 100 { |
| 125 "children": [ | 101 "name": "LayoutView #document", |
| 126 { | 102 "bounds": [800, 600], |
| 127 "name": "LayoutView #document", | 103 "contentsOpaque": true, |
| 128 "bounds": [800, 600], | 104 "drawsContent": true |
| 129 "contentsOpaque": true, | 105 }, |
| 130 "drawsContent": true, | 106 { |
| 131 "children": [ | 107 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 132 { | 108 "position": [19, 8], |
| 133 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 109 "bounds": [100, 50] |
| 134 "position": [19, 8], | |
| 135 "bounds": [100, 50] | |
| 136 } | |
| 137 ] | |
| 138 } | 110 } |
| 139 ] | 111 ] |
| 140 } | 112 } |
| 141 10.799999999999997: | 113 10.799999999999997: |
| 142 { | 114 { |
| 143 "name": "Content Root Layer", | 115 "layers": [ |
| 144 "bounds": [800, 600], | 116 { |
| 145 "children": [ | 117 "name": "LayoutView #document", |
| 146 { | 118 "bounds": [800, 600], |
| 147 "name": "LayoutView #document", | 119 "contentsOpaque": true, |
| 148 "bounds": [800, 600], | 120 "drawsContent": true |
| 149 "contentsOpaque": true, | 121 }, |
| 150 "drawsContent": true, | 122 { |
| 151 "children": [ | 123 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 152 { | 124 "position": [19, 8], |
| 153 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 125 "bounds": [100, 50] |
| 154 "position": [19, 8], | |
| 155 "bounds": [100, 50] | |
| 156 } | |
| 157 ] | |
| 158 } | 126 } |
| 159 ] | 127 ] |
| 160 } | 128 } |
| 161 10.899999999999997: | 129 10.899999999999997: |
| 162 { | 130 { |
| 163 "name": "Content Root Layer", | 131 "layers": [ |
| 164 "bounds": [800, 600], | 132 { |
| 165 "children": [ | 133 "name": "LayoutView #document", |
| 166 { | 134 "bounds": [800, 600], |
| 167 "name": "LayoutView #document", | 135 "contentsOpaque": true, |
| 168 "bounds": [800, 600], | 136 "drawsContent": true |
| 169 "contentsOpaque": true, | 137 }, |
| 170 "drawsContent": true, | 138 { |
| 171 "children": [ | 139 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 172 { | 140 "position": [19, 8], |
| 173 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 141 "bounds": [100, 50] |
| 174 "position": [19, 8], | |
| 175 "bounds": [100, 50] | |
| 176 } | |
| 177 ] | |
| 178 } | 142 } |
| 179 ] | 143 ] |
| 180 } | 144 } |
| 181 10.999999999999996: | 145 10.999999999999996: |
| 182 { | 146 { |
| 183 "name": "Content Root Layer", | 147 "layers": [ |
| 184 "bounds": [800, 600], | 148 { |
| 185 "children": [ | 149 "name": "LayoutView #document", |
| 186 { | 150 "bounds": [800, 600], |
| 187 "name": "LayoutView #document", | 151 "contentsOpaque": true, |
| 188 "bounds": [800, 600], | 152 "drawsContent": true |
| 189 "contentsOpaque": true, | 153 }, |
| 190 "drawsContent": true, | 154 { |
| 191 "children": [ | 155 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 192 { | 156 "position": [19, 8], |
| 193 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 157 "bounds": [100, 50] |
| 194 "position": [19, 8], | |
| 195 "bounds": [100, 50] | |
| 196 } | |
| 197 ] | |
| 198 } | 158 } |
| 199 ] | 159 ] |
| 200 } | 160 } |
| 201 11.099999999999996: | 161 11.099999999999996: |
| 202 { | 162 { |
| 203 "name": "Content Root Layer", | 163 "layers": [ |
| 204 "bounds": [800, 600], | 164 { |
| 205 "children": [ | 165 "name": "LayoutView #document", |
| 206 { | 166 "bounds": [800, 600], |
| 207 "name": "LayoutView #document", | 167 "contentsOpaque": true, |
| 208 "bounds": [800, 600], | 168 "drawsContent": true |
| 209 "contentsOpaque": true, | 169 }, |
| 210 "drawsContent": true, | 170 { |
| 211 "children": [ | 171 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 212 { | 172 "position": [19, 8], |
| 213 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 173 "bounds": [100, 50] |
| 214 "position": [19, 8], | |
| 215 "bounds": [100, 50] | |
| 216 } | |
| 217 ] | |
| 218 } | 174 } |
| 219 ] | 175 ] |
| 220 } | 176 } |
| 221 11.199999999999996: | 177 11.199999999999996: |
| 222 { | 178 { |
| 223 "name": "Content Root Layer", | 179 "layers": [ |
| 224 "bounds": [800, 600], | 180 { |
| 225 "children": [ | 181 "name": "LayoutView #document", |
| 226 { | 182 "bounds": [800, 600], |
| 227 "name": "LayoutView #document", | 183 "contentsOpaque": true, |
| 228 "bounds": [800, 600], | 184 "drawsContent": true |
| 229 "contentsOpaque": true, | 185 }, |
| 230 "drawsContent": true, | 186 { |
| 231 "children": [ | 187 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 232 { | 188 "position": [19, 8], |
| 233 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 189 "bounds": [100, 50] |
| 234 "position": [19, 8], | |
| 235 "bounds": [100, 50] | |
| 236 } | |
| 237 ] | |
| 238 } | 190 } |
| 239 ] | 191 ] |
| 240 } | 192 } |
| 241 11.299999999999995: | 193 11.299999999999995: |
| 242 { | 194 { |
| 243 "name": "Content Root Layer", | 195 "layers": [ |
| 244 "bounds": [800, 600], | 196 { |
| 245 "children": [ | 197 "name": "LayoutView #document", |
| 246 { | 198 "bounds": [800, 600], |
| 247 "name": "LayoutView #document", | 199 "contentsOpaque": true, |
| 248 "bounds": [800, 600], | 200 "drawsContent": true |
| 249 "contentsOpaque": true, | 201 }, |
| 250 "drawsContent": true, | 202 { |
| 251 "children": [ | 203 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 252 { | 204 "position": [19, 8], |
| 253 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 205 "bounds": [100, 50] |
| 254 "position": [19, 8], | |
| 255 "bounds": [100, 50] | |
| 256 } | |
| 257 ] | |
| 258 } | 206 } |
| 259 ] | 207 ] |
| 260 } | 208 } |
| 261 11.399999999999995: | 209 11.399999999999995: |
| 262 { | 210 { |
| 263 "name": "Content Root Layer", | 211 "layers": [ |
| 264 "bounds": [800, 600], | 212 { |
| 265 "children": [ | 213 "name": "LayoutView #document", |
| 266 { | 214 "bounds": [800, 600], |
| 267 "name": "LayoutView #document", | 215 "contentsOpaque": true, |
| 268 "bounds": [800, 600], | 216 "drawsContent": true |
| 269 "contentsOpaque": true, | 217 }, |
| 270 "drawsContent": true, | 218 { |
| 271 "children": [ | 219 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 272 { | 220 "position": [19, 8], |
| 273 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 221 "bounds": [100, 50] |
| 274 "position": [19, 8], | |
| 275 "bounds": [100, 50] | |
| 276 } | |
| 277 ] | |
| 278 } | 222 } |
| 279 ] | 223 ] |
| 280 } | 224 } |
| 281 11.499999999999995: | 225 11.499999999999995: |
| 282 { | 226 { |
| 283 "name": "Content Root Layer", | 227 "layers": [ |
| 284 "bounds": [800, 600], | 228 { |
| 285 "children": [ | 229 "name": "LayoutView #document", |
| 286 { | 230 "bounds": [800, 600], |
| 287 "name": "LayoutView #document", | 231 "contentsOpaque": true, |
| 288 "bounds": [800, 600], | 232 "drawsContent": true |
| 289 "contentsOpaque": true, | 233 }, |
| 290 "drawsContent": true, | 234 { |
| 291 "children": [ | 235 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 292 { | 236 "position": [20, 8], |
| 293 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 237 "bounds": [100, 50] |
| 294 "position": [20, 8], | |
| 295 "bounds": [100, 50] | |
| 296 } | |
| 297 ] | |
| 298 } | 238 } |
| 299 ] | 239 ] |
| 300 } | 240 } |
| 301 11.599999999999994: | 241 11.599999999999994: |
| 302 { | 242 { |
| 303 "name": "Content Root Layer", | 243 "layers": [ |
| 304 "bounds": [800, 600], | 244 { |
| 305 "children": [ | 245 "name": "LayoutView #document", |
| 306 { | 246 "bounds": [800, 600], |
| 307 "name": "LayoutView #document", | 247 "contentsOpaque": true, |
| 308 "bounds": [800, 600], | 248 "drawsContent": true |
| 309 "contentsOpaque": true, | 249 }, |
| 310 "drawsContent": true, | 250 { |
| 311 "children": [ | 251 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 312 { | 252 "position": [20, 8], |
| 313 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 253 "bounds": [100, 50] |
| 314 "position": [20, 8], | |
| 315 "bounds": [100, 50] | |
| 316 } | |
| 317 ] | |
| 318 } | 254 } |
| 319 ] | 255 ] |
| 320 } | 256 } |
| 321 11.699999999999994: | 257 11.699999999999994: |
| 322 { | 258 { |
| 323 "name": "Content Root Layer", | 259 "layers": [ |
| 324 "bounds": [800, 600], | 260 { |
| 325 "children": [ | 261 "name": "LayoutView #document", |
| 326 { | 262 "bounds": [800, 600], |
| 327 "name": "LayoutView #document", | 263 "contentsOpaque": true, |
| 328 "bounds": [800, 600], | 264 "drawsContent": true |
| 329 "contentsOpaque": true, | 265 }, |
| 330 "drawsContent": true, | 266 { |
| 331 "children": [ | 267 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 332 { | 268 "position": [20, 8], |
| 333 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 269 "bounds": [100, 50] |
| 334 "position": [20, 8], | |
| 335 "bounds": [100, 50] | |
| 336 } | |
| 337 ] | |
| 338 } | 270 } |
| 339 ] | 271 ] |
| 340 } | 272 } |
| 341 11.799999999999994: | 273 11.799999999999994: |
| 342 { | 274 { |
| 343 "name": "Content Root Layer", | 275 "layers": [ |
| 344 "bounds": [800, 600], | 276 { |
| 345 "children": [ | 277 "name": "LayoutView #document", |
| 346 { | 278 "bounds": [800, 600], |
| 347 "name": "LayoutView #document", | 279 "contentsOpaque": true, |
| 348 "bounds": [800, 600], | 280 "drawsContent": true |
| 349 "contentsOpaque": true, | 281 }, |
| 350 "drawsContent": true, | 282 { |
| 351 "children": [ | 283 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 352 { | 284 "position": [20, 8], |
| 353 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 285 "bounds": [100, 50] |
| 354 "position": [20, 8], | |
| 355 "bounds": [100, 50] | |
| 356 } | |
| 357 ] | |
| 358 } | 286 } |
| 359 ] | 287 ] |
| 360 } | 288 } |
| 361 11.899999999999993: | 289 11.899999999999993: |
| 362 { | 290 { |
| 363 "name": "Content Root Layer", | 291 "layers": [ |
| 364 "bounds": [800, 600], | 292 { |
| 365 "children": [ | 293 "name": "LayoutView #document", |
| 366 { | 294 "bounds": [800, 600], |
| 367 "name": "LayoutView #document", | 295 "contentsOpaque": true, |
| 368 "bounds": [800, 600], | 296 "drawsContent": true |
| 369 "contentsOpaque": true, | 297 }, |
| 370 "drawsContent": true, | 298 { |
| 371 "children": [ | 299 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 372 { | 300 "position": [20, 8], |
| 373 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 301 "bounds": [100, 50] |
| 374 "position": [20, 8], | |
| 375 "bounds": [100, 50] | |
| 376 } | |
| 377 ] | |
| 378 } | 302 } |
| 379 ] | 303 ] |
| 380 } | 304 } |
| 381 11.999999999999993: | 305 11.999999999999993: |
| 382 { | 306 { |
| 383 "name": "Content Root Layer", | 307 "layers": [ |
| 384 "bounds": [800, 600], | 308 { |
| 385 "children": [ | 309 "name": "LayoutView #document", |
| 386 { | 310 "bounds": [800, 600], |
| 387 "name": "LayoutView #document", | 311 "contentsOpaque": true, |
| 388 "bounds": [800, 600], | 312 "drawsContent": true |
| 389 "contentsOpaque": true, | 313 }, |
| 390 "drawsContent": true, | 314 { |
| 391 "children": [ | 315 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 392 { | 316 "position": [20, 8], |
| 393 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 317 "bounds": [100, 50] |
| 394 "position": [20, 8], | |
| 395 "bounds": [100, 50] | |
| 396 } | |
| 397 ] | |
| 398 } | 318 } |
| 399 ] | 319 ] |
| 400 } | 320 } |
| 401 12.099999999999993: | 321 12.099999999999993: |
| 402 { | 322 { |
| 403 "name": "Content Root Layer", | 323 "layers": [ |
| 404 "bounds": [800, 600], | 324 { |
| 405 "children": [ | 325 "name": "LayoutView #document", |
| 406 { | 326 "bounds": [800, 600], |
| 407 "name": "LayoutView #document", | 327 "contentsOpaque": true, |
| 408 "bounds": [800, 600], | 328 "drawsContent": true |
| 409 "contentsOpaque": true, | 329 }, |
| 410 "drawsContent": true, | 330 { |
| 411 "children": [ | 331 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", |
| 412 { | 332 "position": [20, 8], |
| 413 "name": "LayoutBlockFlow (relative positioned) DIV id='layer'", | 333 "bounds": [100, 50] |
| 414 "position": [20, 8], | 334 } |
| 415 "bounds": [100, 50] | 335 ] |
| 416 } | 336 } |
| 417 ] | |
| 418 } | |
| 419 ] | |
| 420 } | |
| 421 | 337 |
| OLD | NEW |