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 [0, 0, 142, 142] | |
55 ] | |
56 } | |
57 ] | |
58 } | |
59 ] | |
60 } | |
61 ] | |
62 } | |
63 CASE 3, hovering over the inner div | |
64 { | |
65 "bounds": [800, 600], | |
66 "children": [ | |
67 { | |
68 "bounds": [800, 600], | |
69 "contentsOpaque": true, | |
70 "drawsContent": true, | |
71 "children": [ | |
72 { | |
73 "children": [ | |
74 { | |
75 "position": [100, 100], | |
76 "bounds": [100, 100], | |
77 "contentsOpaque": true, | |
78 "drawsContent": true, | |
79 "backgroundColor": "#0000FF" | |
80 }, | |
81 { | |
82 "position": [-1, -1], | |
83 "bounds": [281, 281], | |
84 "drawsContent": true, | |
85 "repaintRects": [ | |
86 [32, 32, 71, 71], | |
87 [32, 32, 71, 71], | |
88 [0, 0, 142, 142], | |
89 [0, 0, 142, 142] | |
90 ] | |
91 } | |
92 ] | |
93 } | |
94 ] | |
95 } | |
96 ] | |
97 } | |
98 | |
OLD | NEW |