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": "LayoutBlockFlow (positioned) DIV class='container'", |
10 "position": [8, 8], | 13 "position": [8, 8], |
11 "bounds": [200, 200], | 14 "bounds": [200, 200], |
12 "shouldFlattenTransform": false, | 15 "shouldFlattenTransform": false, |
13 "drawsContent": true, | 16 "drawsContent": true, |
14 "children": [ | 17 "children": [ |
15 { | 18 { |
| 19 "name": "Child Transform Layer", |
16 "bounds": [200, 200], | 20 "bounds": [200, 200], |
17 "shouldFlattenTransform": false, | 21 "shouldFlattenTransform": false, |
18 "transform": [ | 22 "transform": [ |
19 [1, 0, 0, 0], | 23 [1, 0, 0, 0], |
20 [0, 1, 0, 0], | 24 [0, 1, 0, 0], |
21 [0, 0, 1, -0.01], | 25 [0, 0, 1, -0.01], |
22 [0, 0, 0, 1] | 26 [0, 0, 0, 1] |
23 ], | 27 ], |
24 "children": [ | 28 "children": [ |
25 { | 29 { |
| 30 "name": "Scrolling Layer", |
26 "bounds": [185, 185], | 31 "bounds": [185, 185], |
27 "shouldFlattenTransform": false, | 32 "shouldFlattenTransform": false, |
28 "children": [ | 33 "children": [ |
29 { | 34 { |
| 35 "name": "Scrolling Contents Layer", |
30 "bounds": [185, 265], | 36 "bounds": [185, 265], |
31 "shouldFlattenTransform": false, | 37 "shouldFlattenTransform": false, |
32 "children": [ | 38 "children": [ |
33 { | 39 { |
| 40 "name": "LayoutBlockFlow (positioned) DIV class='child
first'", |
34 "position": [0, 65], | 41 "position": [0, 65], |
35 "bounds": [60, 200], | 42 "bounds": [60, 200], |
36 "contentsOpaque": true, | 43 "contentsOpaque": true, |
37 "drawsContent": true, | 44 "drawsContent": true, |
38 "backgroundColor": "#008000", | 45 "backgroundColor": "#008000", |
39 "transform": [ | 46 "transform": [ |
40 [1, 0, 0, 0], | 47 [1, 0, 0, 0], |
41 [0, 1, 0, 0], | 48 [0, 1, 0, 0], |
42 [0, 0, 1, 0], | 49 [0, 0, 1, 0], |
43 [0, 0, 10, 1] | 50 [0, 0, 10, 1] |
44 ] | 51 ] |
45 }, | 52 }, |
46 { | 53 { |
| 54 "name": "LayoutBlockFlow (positioned) DIV class='child
second'", |
47 "position": [65, 65], | 55 "position": [65, 65], |
48 "bounds": [60, 200], | 56 "bounds": [60, 200], |
49 "contentsOpaque": true, | 57 "contentsOpaque": true, |
50 "drawsContent": true, | 58 "drawsContent": true, |
51 "backgroundColor": "#0000FF", | 59 "backgroundColor": "#0000FF", |
52 "transform": [ | 60 "transform": [ |
53 [1, 0, 0, 0], | 61 [1, 0, 0, 0], |
54 [0, 1, 0, 0], | 62 [0, 1, 0, 0], |
55 [0, 0, 1, 0], | 63 [0, 0, 1, 0], |
56 [0, 0, 20, 1] | 64 [0, 0, 20, 1] |
57 ] | 65 ] |
58 } | 66 } |
59 ] | 67 ] |
60 } | 68 } |
61 ] | 69 ] |
62 } | 70 } |
63 ] | 71 ] |
64 }, | 72 }, |
65 { | 73 { |
| 74 "name": "Overflow Controls Host Layer", |
66 "bounds": [200, 200], | 75 "bounds": [200, 200], |
67 "children": [ | 76 "children": [ |
68 { | 77 { |
| 78 "name": "Horizontal Scrollbar Layer", |
69 "position": [0, 185], | 79 "position": [0, 185], |
70 "bounds": [185, 15] | 80 "bounds": [185, 15] |
71 }, | 81 }, |
72 { | 82 { |
| 83 "name": "Vertical Scrollbar Layer", |
73 "position": [185, 0], | 84 "position": [185, 0], |
74 "bounds": [15, 185] | 85 "bounds": [15, 185] |
75 }, | 86 }, |
76 { | 87 { |
| 88 "name": "Scroll Corner Layer", |
77 "position": [185, 185], | 89 "position": [185, 185], |
78 "bounds": [15, 15], | 90 "bounds": [15, 15], |
79 "drawsContent": true | 91 "drawsContent": true |
80 } | 92 } |
81 ] | 93 ] |
82 } | 94 } |
83 ] | 95 ] |
84 } | 96 } |
85 ] | 97 ] |
86 } | 98 } |
87 ] | 99 ] |
88 } | 100 } |
89 | 101 |
OLD | NEW |