| OLD | NEW |
| 1 { | 1 { |
| 2 "name": "Content Root Layer", |
| 2 "bounds": [800, 600], | 3 "bounds": [800, 600], |
| 3 "children": [ | 4 "children": [ |
| 4 { | 5 { |
| 6 "name": "LayoutView #document", |
| 5 "bounds": [800, 600], | 7 "bounds": [800, 600], |
| 6 "contentsOpaque": true, | 8 "contentsOpaque": true, |
| 7 "drawsContent": true, | 9 "drawsContent": true, |
| 8 "children": [ | 10 "children": [ |
| 9 { | 11 { |
| 12 "name": "LayoutBlockFlow (relative positioned) DIV class='container'", |
| 10 "position": [8, 8], | 13 "position": [8, 8], |
| 11 "bounds": [122, 242], | 14 "bounds": [122, 242], |
| 12 "drawsContent": true, | 15 "drawsContent": true, |
| 13 "children": [ | 16 "children": [ |
| 14 { | 17 { |
| 18 "name": "Child Containment Layer", |
| 15 "position": [1, 1], | 19 "position": [1, 1], |
| 16 "bounds": [120, 240], | 20 "bounds": [120, 240], |
| 17 "children": [ | 21 "children": [ |
| 18 { | 22 { |
| 23 "name": "LayoutBlockFlow (relative positioned) DIV class='tran
sformed box'", |
| 19 "position": [10, 10], | 24 "position": [10, 10], |
| 20 "bounds": [100, 100], | 25 "bounds": [100, 100], |
| 21 "contentsOpaque": true, | 26 "contentsOpaque": true, |
| 22 "drawsContent": true, | 27 "drawsContent": true, |
| 23 "backgroundColor": "#0000FF", | 28 "backgroundColor": "#0000FF", |
| 24 "transform": [ | 29 "transform": [ |
| 25 [1, 0, 0, 0], | 30 [1, 0, 0, 0], |
| 26 [0, 1, 0, 0], | 31 [0, 1, 0, 0], |
| 27 [0, 0, 1, 0], | 32 [0, 0, 1, 0], |
| 28 [0, 0, 1, 1] | 33 [0, 0, 1, 1] |
| 29 ] | 34 ] |
| 30 } | 35 } |
| 31 ] | 36 ] |
| 32 } | 37 } |
| 33 ] | 38 ] |
| 34 } | 39 } |
| 35 ] | 40 ] |
| 36 } | 41 } |
| 37 ] | 42 ] |
| 38 } | 43 } |
| 39 | 44 |
| OLD | NEW |