OLD | NEW |
| (Empty) |
1 CASE 1, original layer tree | |
2 { | |
3 "bounds": [800, 600], | |
4 "children": [ | |
5 { | |
6 "bounds": [800, 600], | |
7 "contentsOpaque": true, | |
8 "drawsContent": true, | |
9 "children": [ | |
10 { | |
11 "children": [ | |
12 { | |
13 "position": [100, 100], | |
14 "bounds": [100, 100], | |
15 "contentsOpaque": true, | |
16 "drawsContent": true, | |
17 "backgroundColor": "#0000FF" | |
18 }, | |
19 { | |
20 "position": [-1, -1], | |
21 "bounds": [281, 281], | |
22 "drawsContent": true | |
23 } | |
24 ] | |
25 } | |
26 ] | |
27 } | |
28 ] | |
29 } | |
30 CASE 2, hovering over the outer div | |
31 { | |
32 "bounds": [800, 600], | |
33 "children": [ | |
34 { | |
35 "bounds": [800, 600], | |
36 "contentsOpaque": true, | |
37 "drawsContent": true, | |
38 "children": [ | |
39 { | |
40 "children": [ | |
41 { | |
42 "position": [100, 100], | |
43 "bounds": [100, 100], | |
44 "contentsOpaque": true, | |
45 "drawsContent": true, | |
46 "backgroundColor": "#0000FF" | |
47 }, | |
48 { | |
49 "position": [-1, -1], | |
50 "bounds": [281, 281], | |
51 "drawsContent": true, | |
52 "repaintRects": [ | |
53 [0, 0, 142, 142] | |
54 ] | |
55 } | |
56 ] | |
57 } | |
58 ] | |
59 } | |
60 ] | |
61 } | |
62 CASE 3, hovering over the inner div | |
63 { | |
64 "bounds": [800, 600], | |
65 "children": [ | |
66 { | |
67 "bounds": [800, 600], | |
68 "contentsOpaque": true, | |
69 "drawsContent": true, | |
70 "children": [ | |
71 { | |
72 "children": [ | |
73 { | |
74 "position": [100, 100], | |
75 "bounds": [100, 100], | |
76 "contentsOpaque": true, | |
77 "drawsContent": true, | |
78 "backgroundColor": "#0000FF" | |
79 }, | |
80 { | |
81 "position": [-1, -1], | |
82 "bounds": [281, 281], | |
83 "drawsContent": true, | |
84 "repaintRects": [ | |
85 [32, 32, 71, 71], | |
86 [0, 0, 142, 142] | |
87 ] | |
88 } | |
89 ] | |
90 } | |
91 ] | |
92 } | |
93 ] | |
94 } | |
95 | |
OLD | NEW |