| 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 |