| 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 DIV id='transform-parent'", |
| 11 "position": [8, 8], |
| 12 "bounds": [100, 100], |
| 13 "contentsOpaque": true, |
| 9 "drawsContent": true, | 14 "drawsContent": true, |
| 10 "children": [ | 15 "backgroundColor": "#008000", |
| 11 { | 16 "transform": [ |
| 12 "name": "LayoutBlockFlow DIV id='transform-parent'", | 17 [0.866025403784439, -0.5, 0, 0], |
| 13 "position": [8, 8], | 18 [0.5, 0.866025403784439, 0, 0], |
| 14 "bounds": [100, 100], | 19 [0, 0, 1, 0], |
| 15 "contentsOpaque": true, | 20 [100, 100, 0, 1] |
| 16 "drawsContent": true, | |
| 17 "backgroundColor": "#008000", | |
| 18 "transform": [ | |
| 19 [0.866025403784439, -0.5, 0, 0], | |
| 20 [0.5, 0.866025403784439, 0, 0], | |
| 21 [0, 0, 1, 0], | |
| 22 [100, 100, 0, 1] | |
| 23 ], | |
| 24 "children": [ | |
| 25 { | |
| 26 "name": "Squashing Containment Layer", | |
| 27 "shouldFlattenTransform": false, | |
| 28 "children": [ | |
| 29 { | |
| 30 "name": "LayoutBlockFlow (positioned) DIV id='squashing'", | |
| 31 "bounds": [1, 1], | |
| 32 "contentsOpaque": true, | |
| 33 "drawsContent": true, | |
| 34 "backgroundColor": "#FFFFFF" | |
| 35 }, | |
| 36 { | |
| 37 "name": "Squashing Layer (first squashed layer: LayoutBlockFlo
w (positioned) DIV id='squashed')", | |
| 38 "position": [-100, 0], | |
| 39 "bounds": [200, 200], | |
| 40 "drawsContent": true | |
| 41 } | |
| 42 ] | |
| 43 } | |
| 44 ] | |
| 45 } | |
| 46 ] | 21 ] |
| 22 }, |
| 23 { |
| 24 "name": "Squashing Containment Layer", |
| 25 "shouldFlattenTransform": false |
| 26 }, |
| 27 { |
| 28 "name": "LayoutBlockFlow (positioned) DIV id='squashing'", |
| 29 "bounds": [1, 1], |
| 30 "contentsOpaque": true, |
| 31 "drawsContent": true, |
| 32 "backgroundColor": "#FFFFFF" |
| 33 }, |
| 34 { |
| 35 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV id='squashed')", |
| 36 "position": [-100, 0], |
| 37 "bounds": [200, 200], |
| 38 "drawsContent": true |
| 47 } | 39 } |
| 48 ] | 40 ] |
| 49 } | 41 } |
| 50 | 42 |
| OLD | NEW |