1 | 1 | {
|
---|
2 | 2 | "layers": [
|
---|
3 | 3 | {
|
---|
4 | 4 | "name": "LayoutView #document",
|
---|
5 | 5 | "bounds": [800, 600],
|
---|
6 | 6 | "contentsOpaque": true,
|
---|
7 | | "drawsContent": true
|
---|
| 7 | "backgroundColor": "#FFFFFF"
|
---|
8 | 8 | },
|
---|
9 | 9 | {
|
---|
10 | 10 | "name": "LayoutBlockFlow (relative positioned) DIV id='container1' class='container scale'",
|
---|
11 | | "position": [8, 8],
|
---|
12 | | "contentsOpaque": true,
|
---|
13 | | "transform": [
|
---|
14 | | [40, 0, 0, 0],
|
---|
15 | | [0, 40, 0, 0],
|
---|
16 | | [0, 0, 1, 0],
|
---|
17 | | [0, 0, 0, 1]
|
---|
18 | | ]
|
---|
| 11 | "contentsOpaque": true,
|
---|
| 12 | "drawsContent": false,
|
---|
| 13 | "transform": 2
|
---|
19 | 14 | },
|
---|
20 | 15 | {
|
---|
21 | 16 | "name": "LayoutBlockFlow (relative positioned) DIV id='child1' class='child composited'",
|
---|
22 | 17 | "bounds": [1, 1],
|
---|
23 | 18 | "contentsOpaque": true,
|
---|
24 | | "drawsContent": true,
|
---|
25 | | "backgroundColor": "#0000FF"
|
---|
| 19 | "backgroundColor": "#0000FF",
|
---|
| 20 | "transform": 2
|
---|
26 | 21 | },
|
---|
27 | 22 | {
|
---|
28 | 23 | "name": "LayoutBlockFlow (relative positioned) DIV id='child2' class='child scale composited'",
|
---|
29 | | "position": [9, 58],
|
---|
30 | | "transformOrigin": [0, 0],
|
---|
31 | | "bounds": [1, 1],
|
---|
32 | | "contentsOpaque": true,
|
---|
33 | | "drawsContent": true,
|
---|
34 | | "backgroundColor": "#0000FF",
|
---|
35 | | "transform": [
|
---|
36 | | [40, 0, 0, 0],
|
---|
37 | | [0, 40, 0, 0],
|
---|
38 | | [0, 0, 1, 0],
|
---|
39 | | [0, 0, 0, 1]
|
---|
40 | | ]
|
---|
| 24 | "bounds": [1, 1],
|
---|
| 25 | "contentsOpaque": true,
|
---|
| 26 | "backgroundColor": "#0000FF",
|
---|
| 27 | "transform": 4
|
---|
41 | 28 | },
|
---|
42 | 29 | {
|
---|
43 | 30 | "name": "LayoutBlockFlow (relative positioned) DIV id='container3' class='container scale composited'",
|
---|
44 | | "position": [8, 108],
|
---|
45 | | "transformOrigin": [0, 0],
|
---|
46 | | "bounds": [1, 1],
|
---|
47 | | "contentsOpaque": true,
|
---|
48 | | "drawsContent": true,
|
---|
49 | | "transform": [
|
---|
50 | | [40, 0, 0, 0],
|
---|
51 | | [0, 40, 0, 0],
|
---|
52 | | [0, 0, 1, 0],
|
---|
53 | | [0, 0, 0, 1]
|
---|
54 | | ]
|
---|
| 31 | "bounds": [1, 1],
|
---|
| 32 | "contentsOpaque": true,
|
---|
| 33 | "transform": 6
|
---|
55 | 34 | },
|
---|
56 | 35 | {
|
---|
57 | 36 | "name": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
|
---|
58 | 37 | "position": [9, 158],
|
---|
59 | | "transformOrigin": [-1, 0],
|
---|
60 | 38 | "bounds": [40, 40],
|
---|
61 | | "drawsContent": true,
|
---|
62 | 39 | "paintInvalidations": [
|
---|
| 40 | {
|
---|
| 41 | "object": "LayoutBlockFlow (relative positioned) DIV id='child4' class='child scale'",
|
---|
| 42 | "rect": [0, 0, 40, 40],
|
---|
| 43 | "reason": "paint property change"
|
---|
| 44 | },
|
---|
| 45 | {
|
---|
| 46 | "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
|
---|
| 47 | "rect": [0, 0, 40, 40],
|
---|
| 48 | "reason": "full"
|
---|
| 49 | },
|
---|
63 | 50 | {
|
---|
64 | 51 | "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
|
---|
65 | 52 | "rect": [0, 0, 40, 40],
|
---|
|
69 | 56 | },
|
---|
70 | 57 | {
|
---|
71 | 58 | "name": "LayoutBlockFlow (relative positioned) DIV id='container5' class='container scale composited'",
|
---|
72 | | "position": [8, 208],
|
---|
73 | | "contentsOpaque": true,
|
---|
74 | | "transform": [
|
---|
75 | | [40, 0, 0, 0],
|
---|
76 | | [0, 40, 0, 0],
|
---|
77 | | [0, 0, 1, 0],
|
---|
78 | | [0, 0, 0, 1]
|
---|
79 | | ]
|
---|
| 59 | "contentsOpaque": true,
|
---|
| 60 | "drawsContent": false,
|
---|
| 61 | "transform": 8
|
---|
80 | 62 | },
|
---|
81 | 63 | {
|
---|
82 | 64 | "name": "LayoutBlockFlow (relative positioned) DIV id='child5' class='child composited'",
|
---|
83 | 65 | "bounds": [1, 1],
|
---|
84 | 66 | "contentsOpaque": true,
|
---|
85 | | "drawsContent": true,
|
---|
86 | | "backgroundColor": "#0000FF"
|
---|
| 67 | "backgroundColor": "#0000FF",
|
---|
| 68 | "transform": 8
|
---|
87 | 69 | },
|
---|
88 | 70 | {
|
---|
89 | 71 | "name": "LayoutBlockFlow (relative positioned) DIV id='container6' class='container composited'",
|
---|
90 | 72 | "position": [8, 258],
|
---|
91 | | "contentsOpaque": true
|
---|
| 73 | "contentsOpaque": true,
|
---|
| 74 | "drawsContent": false
|
---|
92 | 75 | },
|
---|
93 | 76 | {
|
---|
94 | 77 | "name": "LayoutBlockFlow (relative positioned) DIV id='child6' class='child scale composited'",
|
---|
95 | | "position": [1, 0],
|
---|
96 | | "transformOrigin": [0, 0],
|
---|
97 | | "bounds": [1, 1],
|
---|
98 | | "contentsOpaque": true,
|
---|
99 | | "drawsContent": true,
|
---|
100 | | "backgroundColor": "#0000FF",
|
---|
101 | | "transform": [
|
---|
102 | | [40, 0, 0, 0],
|
---|
103 | | [0, 40, 0, 0],
|
---|
104 | | [0, 0, 1, 0],
|
---|
105 | | [0, 0, 0, 1]
|
---|
106 | | ]
|
---|
| 78 | "bounds": [1, 1],
|
---|
| 79 | "contentsOpaque": true,
|
---|
| 80 | "backgroundColor": "#0000FF",
|
---|
| 81 | "transform": 10
|
---|
| 82 | }
|
---|
| 83 | ],
|
---|
| 84 | "transforms": [
|
---|
| 85 | {
|
---|
| 86 | "id": 1,
|
---|
| 87 | "transform": [
|
---|
| 88 | [1, 0, 0, 0],
|
---|
| 89 | [0, 1, 0, 0],
|
---|
| 90 | [0, 0, 1, 0],
|
---|
| 91 | [8, 8, 0, 1]
|
---|
| 92 | ]
|
---|
| 93 | },
|
---|
| 94 | {
|
---|
| 95 | "id": 2,
|
---|
| 96 | "parent": 1,
|
---|
| 97 | "transform": [
|
---|
| 98 | [40, 0, 0, 0],
|
---|
| 99 | [0, 40, 0, 0],
|
---|
| 100 | [0, 0, 1, 0],
|
---|
| 101 | [0, 0, 0, 1]
|
---|
| 102 | ],
|
---|
| 103 | "origin": [0, 0]
|
---|
| 104 | },
|
---|
| 105 | {
|
---|
| 106 | "id": 3,
|
---|
| 107 | "transform": [
|
---|
| 108 | [1, 0, 0, 0],
|
---|
| 109 | [0, 1, 0, 0],
|
---|
| 110 | [0, 0, 1, 0],
|
---|
| 111 | [9, 58, 0, 1]
|
---|
| 112 | ]
|
---|
| 113 | },
|
---|
| 114 | {
|
---|
| 115 | "id": 4,
|
---|
| 116 | "parent": 3,
|
---|
| 117 | "transform": [
|
---|
| 118 | [40, 0, 0, 0],
|
---|
| 119 | [0, 40, 0, 0],
|
---|
| 120 | [0, 0, 1, 0],
|
---|
| 121 | [0, 0, 0, 1]
|
---|
| 122 | ],
|
---|
| 123 | "origin": [0, 0]
|
---|
| 124 | },
|
---|
| 125 | {
|
---|
| 126 | "id": 5,
|
---|
| 127 | "transform": [
|
---|
| 128 | [1, 0, 0, 0],
|
---|
| 129 | [0, 1, 0, 0],
|
---|
| 130 | [0, 0, 1, 0],
|
---|
| 131 | [8, 108, 0, 1]
|
---|
| 132 | ]
|
---|
| 133 | },
|
---|
| 134 | {
|
---|
| 135 | "id": 6,
|
---|
| 136 | "parent": 5,
|
---|
| 137 | "transform": [
|
---|
| 138 | [40, 0, 0, 0],
|
---|
| 139 | [0, 40, 0, 0],
|
---|
| 140 | [0, 0, 1, 0],
|
---|
| 141 | [0, 0, 0, 1]
|
---|
| 142 | ],
|
---|
| 143 | "origin": [0, 0]
|
---|
| 144 | },
|
---|
| 145 | {
|
---|
| 146 | "id": 7,
|
---|
| 147 | "transform": [
|
---|
| 148 | [1, 0, 0, 0],
|
---|
| 149 | [0, 1, 0, 0],
|
---|
| 150 | [0, 0, 1, 0],
|
---|
| 151 | [8, 208, 0, 1]
|
---|
| 152 | ]
|
---|
| 153 | },
|
---|
| 154 | {
|
---|
| 155 | "id": 8,
|
---|
| 156 | "parent": 7,
|
---|
| 157 | "transform": [
|
---|
| 158 | [40, 0, 0, 0],
|
---|
| 159 | [0, 40, 0, 0],
|
---|
| 160 | [0, 0, 1, 0],
|
---|
| 161 | [0, 0, 0, 1]
|
---|
| 162 | ],
|
---|
| 163 | "origin": [0, 0]
|
---|
| 164 | },
|
---|
| 165 | {
|
---|
| 166 | "id": 9,
|
---|
| 167 | "transform": [
|
---|
| 168 | [1, 0, 0, 0],
|
---|
| 169 | [0, 1, 0, 0],
|
---|
| 170 | [0, 0, 1, 0],
|
---|
| 171 | [9, 258, 0, 1]
|
---|
| 172 | ]
|
---|
| 173 | },
|
---|
| 174 | {
|
---|
| 175 | "id": 10,
|
---|
| 176 | "parent": 9,
|
---|
| 177 | "transform": [
|
---|
| 178 | [40, 0, 0, 0],
|
---|
| 179 | [0, 40, 0, 0],
|
---|
| 180 | [0, 0, 1, 0],
|
---|
| 181 | [0, 0, 0, 1]
|
---|
| 182 | ],
|
---|
| 183 | "origin": [0, 0]
|
---|
| 184 | }
|
---|
| 185 | ],
|
---|
| 186 | "objectPaintInvalidations": [
|
---|
| 187 | {
|
---|
| 188 | "object": "LayoutBlockFlow (relative positioned) DIV id='container2' class='container'",
|
---|
| 189 | "reason": "geometry"
|
---|
| 190 | },
|
---|
| 191 | {
|
---|
| 192 | "object": "LayoutBlockFlow (relative positioned) DIV id='container4' class='container composited'",
|
---|
| 193 | "reason": "geometry"
|
---|
| 194 | },
|
---|
| 195 | {
|
---|
| 196 | "object": "LayoutBlockFlow (relative positioned) DIV id='container6' class='container composited'",
|
---|
| 197 | "reason": "geometry"
|
---|
107 | 198 | }
|
---|
108 | 199 | ]
|
---|
109 | 200 | }
|
---|
110 | 201 |
|
---|