OLD | NEW |
1 position change with composited child | |
2 | |
3 position change with non-composited child | |
4 | |
5 z-index change with composited child | |
6 | |
7 z-index change with non-composited child | |
8 | |
9 opacity change with composited child | |
10 | |
11 opacity change with non-composited child | |
12 | |
13 transform change with composited child | |
14 | |
15 transform change with non-composited child | |
16 | |
17 filter change with composited child | |
18 | |
19 filter change with non-composited child | |
20 | |
21 clip change with composited child | |
22 | |
23 clip change with non-composited child | |
24 | |
25 { | 1 { |
26 "bounds": [785, 2172], | 2 "bounds": [800, 600], |
27 "children": [ | 3 "children": [ |
28 { | 4 { |
29 "bounds": [785, 2172], | 5 "bounds": [800, 600], |
30 "contentsOpaque": true, | 6 "contentsOpaque": true, |
31 "drawsContent": true, | 7 "drawsContent": true, |
32 "children": [ | 8 "children": [ |
33 { | 9 { |
34 "position": [8, 80], | 10 "position": [38, 38], |
35 "bounds": [100, 100], | 11 "bounds": [90, 90], |
| 12 "drawsContent": true, |
| 13 "backfaceVisibility": "hidden", |
| 14 "backgroundColor": "#008000", |
| 15 "repaintRects": [ |
| 16 [0, 0, 70, 70], |
| 17 [0, 0, 10, 60], |
| 18 [0, 0, 10, 60] |
| 19 ], |
36 "children": [ | 20 "children": [ |
37 { | 21 { |
38 "bounds": [100, 100], | 22 "bounds": [90, 90], |
39 "children": [ | 23 "children": [ |
40 { | 24 { |
41 "bounds": [152, 152], | 25 "position": [-30, 20], |
| 26 "bounds": [50, 50], |
42 "contentsOpaque": true, | 27 "contentsOpaque": true, |
43 "drawsContent": true, | 28 "drawsContent": true, |
44 "backgroundColor": "#FFFF00" | 29 "backfaceVisibility": "hidden", |
| 30 "backgroundColor": "#008000" |
45 } | 31 } |
46 ] | 32 ] |
47 } | 33 } |
48 ] | 34 ] |
49 }, | |
50 { | |
51 "position": [8, 260], | |
52 "bounds": [100, 100], | |
53 "drawsContent": true, | |
54 "repaintRects": [ | |
55 [0, 0, 100, 100] | |
56 ] | |
57 }, | |
58 { | |
59 "position": [8, 799], | |
60 "bounds": [100, 100], | |
61 "opacity": 0.5, | |
62 "children": [ | |
63 { | |
64 "bounds": [100, 100], | |
65 "children": [ | |
66 { | |
67 "bounds": [152, 152], | |
68 "contentsOpaque": true, | |
69 "drawsContent": true, | |
70 "backgroundColor": "#FFFF00" | |
71 } | |
72 ] | |
73 } | |
74 ] | |
75 }, | |
76 { | |
77 "position": [8, 979], | |
78 "bounds": [100, 100], | |
79 "opacity": 0.5, | |
80 "drawsContent": true | |
81 }, | |
82 { | |
83 "position": [8, 1159], | |
84 "bounds": [100, 100], | |
85 "transform": [ | |
86 [1, 0, 0, 0], | |
87 [0, 1, 0, 0], | |
88 [0, 0, 1, 0], | |
89 [0, 0, 20, 1] | |
90 ], | |
91 "children": [ | |
92 { | |
93 "bounds": [100, 100], | |
94 "children": [ | |
95 { | |
96 "bounds": [152, 152], | |
97 "contentsOpaque": true, | |
98 "drawsContent": true, | |
99 "backgroundColor": "#FFFF00" | |
100 } | |
101 ] | |
102 } | |
103 ] | |
104 }, | |
105 { | |
106 "position": [8, 1339], | |
107 "bounds": [100, 100], | |
108 "drawsContent": true, | |
109 "transform": [ | |
110 [1, 0, 0, 0], | |
111 [0, 1, 0, 0], | |
112 [0, 0, 1, 0], | |
113 [0, 0, 20, 1] | |
114 ] | |
115 }, | |
116 { | |
117 "position": [8, 1519], | |
118 "bounds": [100, 100], | |
119 "drawsContent": true, | |
120 "children": [ | |
121 { | |
122 "bounds": [100, 100], | |
123 "children": [ | |
124 { | |
125 "bounds": [152, 152], | |
126 "contentsOpaque": true, | |
127 "drawsContent": true, | |
128 "backgroundColor": "#FFFF00" | |
129 } | |
130 ] | |
131 } | |
132 ] | |
133 }, | |
134 { | |
135 "position": [8, 1699], | |
136 "bounds": [100, 100], | |
137 "drawsContent": true | |
138 }, | |
139 { | |
140 "position": [8, 1879], | |
141 "bounds": [100, 100], | |
142 "children": [ | |
143 { | |
144 "bounds": [100, 100], | |
145 "children": [ | |
146 { | |
147 "bounds": [152, 152], | |
148 "contentsOpaque": true, | |
149 "drawsContent": true, | |
150 "backgroundColor": "#FFFF00" | |
151 } | |
152 ] | |
153 } | |
154 ] | |
155 }, | |
156 { | |
157 "position": [8, 2059], | |
158 "bounds": [100, 100], | |
159 "drawsContent": true, | |
160 "repaintRects": [ | |
161 [0, 0, 100, 100], | |
162 [0, 0, 100, 100], | |
163 [0, 0, 100, 100] | |
164 ] | |
165 }, | |
166 { | |
167 "position": [8, 440], | |
168 "bounds": [100, 100], | |
169 "children": [ | |
170 { | |
171 "bounds": [100, 100], | |
172 "children": [ | |
173 { | |
174 "bounds": [152, 152], | |
175 "contentsOpaque": true, | |
176 "drawsContent": true, | |
177 "backgroundColor": "#FFFF00" | |
178 } | |
179 ] | |
180 } | |
181 ] | |
182 }, | |
183 { | |
184 "position": [8, 620], | |
185 "bounds": [100, 100], | |
186 "drawsContent": true | |
187 } | 35 } |
188 ] | 36 ] |
189 } | 37 } |
190 ] | 38 ] |
191 } | 39 } |
192 | 40 |
OLD | NEW |