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