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