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