OLD | NEW |
1 This content is in the parent | 1 This content is in the parent |
2 Box should switch between perspective and flat | 2 Box should switch between perspective and flat |
3 | 3 |
4 First dump layer tree: | 4 First dump layer tree: |
5 { | 5 { |
| 6 "name": "Content Root Layer", |
6 "bounds": [800, 600], | 7 "bounds": [800, 600], |
7 "children": [ | 8 "children": [ |
8 { | 9 { |
| 10 "name": "LayoutView #document", |
9 "bounds": [800, 600], | 11 "bounds": [800, 600], |
10 "contentsOpaque": true, | 12 "contentsOpaque": true, |
11 "drawsContent": true | 13 "drawsContent": true |
12 } | 14 } |
13 ] | 15 ] |
14 } | 16 } |
15 | 17 |
16 Second dump layer tree: | 18 Second dump layer tree: |
17 { | 19 { |
| 20 "name": "Content Root Layer", |
18 "bounds": [800, 600], | 21 "bounds": [800, 600], |
19 "children": [ | 22 "children": [ |
20 { | 23 { |
| 24 "name": "LayoutView #document", |
21 "bounds": [800, 600], | 25 "bounds": [800, 600], |
22 "contentsOpaque": true, | 26 "contentsOpaque": true, |
23 "drawsContent": true, | 27 "drawsContent": true, |
24 "children": [ | 28 "children": [ |
25 { | 29 { |
| 30 "name": "LayoutBlockFlow (relative positioned) DIV id='parent'", |
26 "position": [8, 8], | 31 "position": [8, 8], |
27 "bounds": [342, 292], | 32 "bounds": [342, 292], |
28 "drawsContent": true, | 33 "drawsContent": true, |
29 "children": [ | 34 "children": [ |
30 { | 35 { |
| 36 "name": "LayoutBlockFlow (relative positioned) DIV id='child'", |
31 "position": [31, 39], | 37 "position": [31, 39], |
32 "bounds": [250, 220], | 38 "bounds": [250, 220], |
33 "contentsOpaque": true, | 39 "contentsOpaque": true, |
34 "drawsContent": true, | 40 "drawsContent": true, |
35 "backgroundColor": "#0000FF", | 41 "backgroundColor": "#0000FF", |
36 "children": [ | 42 "children": [ |
37 { | 43 { |
| 44 "name": "LayoutBlockFlow (relative positioned) DIV id='grandch
ild'", |
38 "position": [10, 10], | 45 "position": [10, 10], |
39 "bounds": [200, 200], | 46 "bounds": [200, 200], |
40 "contentsOpaque": true, | 47 "contentsOpaque": true, |
41 "drawsContent": true, | 48 "drawsContent": true, |
42 "backgroundColor": "#FFFF00", | 49 "backgroundColor": "#FFFF00", |
43 "transform": [ | 50 "transform": [ |
44 [0.866025403784439, 0.5, 0, 0], | 51 [0.866025403784439, 0.5, 0, 0], |
45 [-0.5, 0.866025403784439, 0, 0], | 52 [-0.5, 0.866025403784439, 0, 0], |
46 [0, 0, 1, 0], | 53 [0, 0, 1, 0], |
47 [0, 0, 0, 1] | 54 [0, 0, 0, 1] |
48 ], | 55 ], |
49 "children": [ | 56 "children": [ |
50 { | 57 { |
| 58 "name": "LayoutBlockFlow (relative positioned) DIV id='gre
atgrandchild'", |
51 "position": [100, 0], | 59 "position": [100, 0], |
52 "bounds": [250, 100], | 60 "bounds": [250, 100], |
53 "contentsOpaque": true, | 61 "contentsOpaque": true, |
54 "drawsContent": true, | 62 "drawsContent": true, |
55 "backgroundColor": "#008000", | 63 "backgroundColor": "#008000", |
56 "transform": [ | 64 "transform": [ |
57 [0.5, 0, -0.866025403784439, 0.0021650635094611], | 65 [0.5, 0, -0.866025403784439, 0.0021650635094611], |
58 [0, 1, 0, 0], | 66 [0, 1, 0, 0], |
59 [0.866025403784439, 0, 0.5, -0.00125], | 67 [0.866025403784439, 0, 0.5, -0.00125], |
60 [-30, 30, 100, 0.75] | 68 [-30, 30, 100, 0.75] |
61 ] | 69 ] |
62 } | 70 } |
63 ] | 71 ] |
64 } | 72 } |
65 ] | 73 ] |
66 } | 74 } |
67 ] | 75 ] |
68 } | 76 } |
69 ] | 77 ] |
70 } | 78 } |
71 ] | 79 ] |
72 } | 80 } |
73 | 81 |
74 Third dump layer tree: | 82 Third dump layer tree: |
75 { | 83 { |
76 "bounds": [785, 1376], | 84 "name": "Content Root Layer", |
| 85 "bounds": [785, 1496], |
77 "children": [ | 86 "children": [ |
78 { | 87 { |
79 "bounds": [785, 1376], | 88 "name": "LayoutView #document", |
| 89 "bounds": [785, 1496], |
80 "contentsOpaque": true, | 90 "contentsOpaque": true, |
81 "drawsContent": true | 91 "drawsContent": true |
82 } | 92 } |
83 ] | 93 ] |
84 } | 94 } |
85 | 95 |
OLD | NEW |