| OLD | NEW |
| 1 Before: | 1 Before: |
| 2 { | 2 { |
| 3 "name": "Content Root Layer", | 3 "layers": [ |
| 4 "bounds": [800, 600], | |
| 5 "children": [ | |
| 6 { | 4 { |
| 7 "name": "LayoutView #document", | 5 "name": "LayoutView #document", |
| 8 "bounds": [800, 600], | 6 "bounds": [800, 600], |
| 9 "contentsOpaque": true, | 7 "contentsOpaque": true, |
| 8 "drawsContent": true |
| 9 }, |
| 10 { |
| 11 "name": "LayoutBlockFlow (positioned) DIV id='green-box' class='box green
center composited'", |
| 12 "position": [108, 108], |
| 13 "bounds": [100, 100], |
| 14 "contentsOpaque": true, |
| 10 "drawsContent": true, | 15 "drawsContent": true, |
| 11 "children": [ | 16 "backgroundColor": "#008000", |
| 12 { | 17 "transform": [ |
| 13 "name": "LayoutBlockFlow (positioned) DIV id='green-box' class='box gr
een center composited'", | 18 [1, 0, 0, 0], |
| 14 "position": [108, 108], | 19 [0, 1, 0, 0], |
| 15 "bounds": [100, 100], | 20 [0, 0, 1, 0], |
| 16 "contentsOpaque": true, | 21 [0, 0, -1, 1] |
| 17 "drawsContent": true, | |
| 18 "backgroundColor": "#008000", | |
| 19 "transform": [ | |
| 20 [1, 0, 0, 0], | |
| 21 [0, 1, 0, 0], | |
| 22 [0, 0, 1, 0], | |
| 23 [0, 0, -1, 1] | |
| 24 ] | |
| 25 } | |
| 26 ] | 22 ] |
| 27 } | 23 } |
| 28 ] | 24 ] |
| 29 } | 25 } |
| 30 | 26 |
| 31 After: | 27 After: |
| 32 { | 28 { |
| 33 "name": "Content Root Layer", | 29 "layers": [ |
| 34 "bounds": [800, 600], | |
| 35 "children": [ | |
| 36 { | 30 { |
| 37 "name": "LayoutView #document", | 31 "name": "LayoutView #document", |
| 38 "bounds": [800, 600], | 32 "bounds": [800, 600], |
| 39 "contentsOpaque": true, | 33 "contentsOpaque": true, |
| 34 "drawsContent": true |
| 35 }, |
| 36 { |
| 37 "name": "Squashing Containment Layer", |
| 38 "shouldFlattenTransform": false |
| 39 }, |
| 40 { |
| 41 "name": "LayoutBlockFlow (positioned) DIV id='green-box' class='box green
center composited rotated-3d'", |
| 42 "position": [108, 108], |
| 43 "bounds": [100, 100], |
| 44 "contentsOpaque": true, |
| 40 "drawsContent": true, | 45 "drawsContent": true, |
| 41 "children": [ | 46 "backgroundColor": "#008000", |
| 42 { | 47 "transform": [ |
| 43 "name": "Squashing Containment Layer", | 48 [0.707106781186548, 0.707106781186548, 0, 0], |
| 44 "shouldFlattenTransform": false, | 49 [-0.707106781186548, 0.707106781186548, 0, 0], |
| 45 "children": [ | 50 [0, 0, 1, 0], |
| 46 { | 51 [0, 0, -1, 1] |
| 47 "name": "LayoutBlockFlow (positioned) DIV id='green-box' class='bo
x green center composited rotated-3d'", | |
| 48 "position": [108, 108], | |
| 49 "bounds": [100, 100], | |
| 50 "contentsOpaque": true, | |
| 51 "drawsContent": true, | |
| 52 "backgroundColor": "#008000", | |
| 53 "transform": [ | |
| 54 [0.707106781186548, 0.707106781186548, 0, 0], | |
| 55 [-0.707106781186548, 0.707106781186548, 0, 0], | |
| 56 [0, 0, 1, 0], | |
| 57 [0, 0, -1, 1] | |
| 58 ] | |
| 59 }, | |
| 60 { | |
| 61 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (p
ositioned) DIV class='box top left')", | |
| 62 "position": [8, 8], | |
| 63 "bounds": [300, 300], | |
| 64 "drawsContent": true | |
| 65 } | |
| 66 ] | |
| 67 } | |
| 68 ] | 52 ] |
| 53 }, |
| 54 { |
| 55 "name": "Squashing Layer (first squashed layer: LayoutBlockFlow (positione
d) DIV class='box top left')", |
| 56 "position": [8, 8], |
| 57 "bounds": [300, 300], |
| 58 "drawsContent": true |
| 69 } | 59 } |
| 70 ] | 60 ] |
| 71 } | 61 } |
| 72 | 62 |
| OLD | NEW |