| 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": "Squashing Containment Layer", |
| 10 "shouldFlattenTransform": false, | 13 "shouldFlattenTransform": false, |
| 11 "children": [ | 14 "children": [ |
| 12 { | 15 { |
| 16 "name": "LayoutBlockFlow (positioned) DIV class='compositedAndRota
ted box behind'", |
| 13 "position": [100, 100], | 17 "position": [100, 100], |
| 14 "bounds": [100, 100], | 18 "bounds": [100, 100], |
| 15 "contentsOpaque": true, | 19 "contentsOpaque": true, |
| 16 "drawsContent": true, | 20 "drawsContent": true, |
| 17 "backgroundColor": "#0000FF", | 21 "backgroundColor": "#0000FF", |
| 18 "transform": [ | 22 "transform": [ |
| 19 [0.707106781186548, 0.707106781186548, 0, 0], | 23 [0.707106781186548, 0.707106781186548, 0, 0], |
| 20 [-0.707106781186548, 0.707106781186548, 0, 0], | 24 [-0.707106781186548, 0.707106781186548, 0, 0], |
| 21 [0, 0, 1, 0], | 25 [0, 0, 1, 0], |
| 22 [0, 0, 0, 1] | 26 [0, 0, 0, 1] |
| 23 ] | 27 ] |
| 24 }, | 28 }, |
| 25 { | 29 { |
| 30 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV class='box middle')", |
| 26 "position": [20, 20], | 31 "position": [20, 20], |
| 27 "bounds": [260, 260], | 32 "bounds": [260, 260], |
| 28 "drawsContent": true | 33 "drawsContent": true |
| 29 } | 34 } |
| 30 ] | 35 ] |
| 31 } | 36 } |
| 32 ] | 37 ] |
| 33 } | 38 } |
| 34 ] | 39 ] |
| 35 } | 40 } |
| 36 | 41 |
| OLD | NEW |