| OLD | NEW |
| 1 { | 1 { |
| 2 "bounds": [785, 933], | 2 "bounds": [785, 933], |
| 3 "children": [ | 3 "children": [ |
| 4 { | 4 { |
| 5 "bounds": [785, 933], | 5 "bounds": [785, 933], |
| 6 "contentsOpaque": true, | 6 "contentsOpaque": true, |
| 7 "drawsContent": true, | 7 "drawsContent": true, |
| 8 "backgroundColor": "#FFFFFF", | 8 "backgroundColor": "#FFFFFF", |
| 9 "paintInvalidations": [ | 9 "paintInvalidations": [ |
| 10 { | 10 { |
| 11 "object": "LayoutHTMLCanvas CANVAS id='copyvideo'", |
| 12 "rect": [569, 515, 80, 40], |
| 13 "reason": "invalidate paint rectangle" |
| 14 }, |
| 15 { |
| 16 "object": "LayoutHTMLCanvas CANVAS id='destination-atopvideo'", |
| 17 "rect": [569, 415, 80, 40], |
| 18 "reason": "invalidate paint rectangle" |
| 19 }, |
| 20 { |
| 21 "object": "LayoutHTMLCanvas CANVAS id='destination-invideo'", |
| 22 "rect": [569, 315, 80, 40], |
| 23 "reason": "invalidate paint rectangle" |
| 24 }, |
| 25 { |
| 26 "object": "LayoutHTMLCanvas CANVAS id='source-outvideo'", |
| 27 "rect": [569, 165, 80, 40], |
| 28 "reason": "invalidate paint rectangle" |
| 29 }, |
| 30 { |
| 31 "object": "LayoutHTMLCanvas CANVAS id='source-invideo'", |
| 32 "rect": [569, 115, 80, 40], |
| 33 "reason": "invalidate paint rectangle" |
| 34 }, |
| 35 { |
| 11 "object": "LayoutHTMLCanvas CANVAS id='copycanvas'", | 36 "object": "LayoutHTMLCanvas CANVAS id='copycanvas'", |
| 12 "rect": [427, 515, 80, 40], | 37 "rect": [427, 515, 80, 40], |
| 13 "reason": "invalidate paint rectangle" | 38 "reason": "invalidate paint rectangle" |
| 14 }, | 39 }, |
| 15 { | 40 { |
| 41 "object": "LayoutHTMLCanvas CANVAS id='destination-atopcanvas'", |
| 42 "rect": [427, 415, 80, 40], |
| 43 "reason": "invalidate paint rectangle" |
| 44 }, |
| 45 { |
| 46 "object": "LayoutHTMLCanvas CANVAS id='destination-incanvas'", |
| 47 "rect": [427, 315, 80, 40], |
| 48 "reason": "invalidate paint rectangle" |
| 49 }, |
| 50 { |
| 51 "object": "LayoutHTMLCanvas CANVAS id='source-outcanvas'", |
| 52 "rect": [427, 165, 80, 40], |
| 53 "reason": "invalidate paint rectangle" |
| 54 }, |
| 55 { |
| 56 "object": "LayoutHTMLCanvas CANVAS id='source-incanvas'", |
| 57 "rect": [427, 115, 80, 40], |
| 58 "reason": "invalidate paint rectangle" |
| 59 }, |
| 60 { |
| 16 "object": "LayoutHTMLCanvas CANVAS id='copyimage'", | 61 "object": "LayoutHTMLCanvas CANVAS id='copyimage'", |
| 17 "rect": [285, 515, 80, 40], | 62 "rect": [285, 515, 80, 40], |
| 18 "reason": "invalidate paint rectangle" | 63 "reason": "invalidate paint rectangle" |
| 19 }, | 64 }, |
| 20 { | 65 { |
| 21 "object": "LayoutHTMLCanvas CANVAS id='copysolid color'", | 66 "object": "LayoutHTMLCanvas CANVAS id='destination-atopimage'", |
| 22 "rect": [143, 515, 80, 40], | 67 "rect": [285, 415, 80, 40], |
| 23 "reason": "invalidate paint rectangle" | 68 "reason": "invalidate paint rectangle" |
| 24 }, | 69 }, |
| 25 { | 70 { |
| 26 "object": "LayoutHTMLCanvas CANVAS id='copyvideo'", | 71 "object": "LayoutHTMLCanvas CANVAS id='destination-inimage'", |
| 27 "rect": [569, 515, 80, 40], | 72 "rect": [285, 315, 80, 40], |
| 28 "reason": "invalidate paint rectangle" | 73 "reason": "invalidate paint rectangle" |
| 29 }, | 74 }, |
| 30 { | 75 { |
| 31 "object": "LayoutHTMLCanvas CANVAS id='destination-atopcanvas'", | 76 "object": "LayoutHTMLCanvas CANVAS id='source-outimage'", |
| 32 "rect": [427, 415, 80, 40], | 77 "rect": [285, 165, 80, 40], |
| 33 "reason": "invalidate paint rectangle" | 78 "reason": "invalidate paint rectangle" |
| 34 }, | 79 }, |
| 35 { | 80 { |
| 36 "object": "LayoutHTMLCanvas CANVAS id='destination-atopimage'", | 81 "object": "LayoutHTMLCanvas CANVAS id='source-inimage'", |
| 37 "rect": [285, 415, 80, 40], | 82 "rect": [285, 115, 80, 40], |
| 83 "reason": "invalidate paint rectangle" |
| 84 }, |
| 85 { |
| 86 "object": "LayoutHTMLCanvas CANVAS id='copysolid color'", |
| 87 "rect": [143, 515, 80, 40], |
| 38 "reason": "invalidate paint rectangle" | 88 "reason": "invalidate paint rectangle" |
| 39 }, | 89 }, |
| 40 { | 90 { |
| 41 "object": "LayoutHTMLCanvas CANVAS id='destination-atopsolid color'", | 91 "object": "LayoutHTMLCanvas CANVAS id='destination-atopsolid color'", |
| 42 "rect": [143, 415, 80, 40], | 92 "rect": [143, 415, 80, 40], |
| 43 "reason": "invalidate paint rectangle" | 93 "reason": "invalidate paint rectangle" |
| 44 }, | 94 }, |
| 45 { | 95 { |
| 46 "object": "LayoutHTMLCanvas CANVAS id='destination-atopvideo'", | |
| 47 "rect": [569, 415, 80, 40], | |
| 48 "reason": "invalidate paint rectangle" | |
| 49 }, | |
| 50 { | |
| 51 "object": "LayoutHTMLCanvas CANVAS id='destination-incanvas'", | |
| 52 "rect": [427, 315, 80, 40], | |
| 53 "reason": "invalidate paint rectangle" | |
| 54 }, | |
| 55 { | |
| 56 "object": "LayoutHTMLCanvas CANVAS id='destination-inimage'", | |
| 57 "rect": [285, 315, 80, 40], | |
| 58 "reason": "invalidate paint rectangle" | |
| 59 }, | |
| 60 { | |
| 61 "object": "LayoutHTMLCanvas CANVAS id='destination-insolid color'", | 96 "object": "LayoutHTMLCanvas CANVAS id='destination-insolid color'", |
| 62 "rect": [143, 315, 80, 40], | 97 "rect": [143, 315, 80, 40], |
| 63 "reason": "invalidate paint rectangle" | 98 "reason": "invalidate paint rectangle" |
| 64 }, | 99 }, |
| 65 { | 100 { |
| 66 "object": "LayoutHTMLCanvas CANVAS id='destination-invideo'", | 101 "object": "LayoutHTMLCanvas CANVAS id='source-outsolid color'", |
| 67 "rect": [569, 315, 80, 40], | 102 "rect": [143, 165, 80, 40], |
| 103 "reason": "invalidate paint rectangle" |
| 104 }, |
| 105 { |
| 106 "object": "LayoutHTMLCanvas CANVAS id='source-insolid color'", |
| 107 "rect": [143, 115, 80, 40], |
| 108 "reason": "invalidate paint rectangle" |
| 109 }, |
| 110 { |
| 111 "object": "LayoutHTMLCanvas CANVAS id='xorvideo'", |
| 112 "rect": [599, 565, 50, 40], |
| 113 "reason": "invalidate paint rectangle" |
| 114 }, |
| 115 { |
| 116 "object": "LayoutHTMLCanvas CANVAS id='lightervideo'", |
| 117 "rect": [599, 465, 50, 40], |
| 118 "reason": "invalidate paint rectangle" |
| 119 }, |
| 120 { |
| 121 "object": "LayoutHTMLCanvas CANVAS id='destination-outvideo'", |
| 122 "rect": [599, 365, 50, 40], |
| 123 "reason": "invalidate paint rectangle" |
| 124 }, |
| 125 { |
| 126 "object": "LayoutHTMLCanvas CANVAS id='destination-overvideo'", |
| 127 "rect": [599, 265, 50, 40], |
| 128 "reason": "invalidate paint rectangle" |
| 129 }, |
| 130 { |
| 131 "object": "LayoutHTMLCanvas CANVAS id='source-atopvideo'", |
| 132 "rect": [599, 215, 50, 40], |
| 133 "reason": "invalidate paint rectangle" |
| 134 }, |
| 135 { |
| 136 "object": "LayoutHTMLCanvas CANVAS id='source-overvideo'", |
| 137 "rect": [599, 65, 50, 40], |
| 138 "reason": "invalidate paint rectangle" |
| 139 }, |
| 140 { |
| 141 "object": "LayoutHTMLCanvas CANVAS id='xorcanvas'", |
| 142 "rect": [457, 565, 50, 40], |
| 143 "reason": "invalidate paint rectangle" |
| 144 }, |
| 145 { |
| 146 "object": "LayoutHTMLCanvas CANVAS id='lightercanvas'", |
| 147 "rect": [457, 465, 50, 40], |
| 68 "reason": "invalidate paint rectangle" | 148 "reason": "invalidate paint rectangle" |
| 69 }, | 149 }, |
| 70 { | 150 { |
| 71 "object": "LayoutHTMLCanvas CANVAS id='destination-outcanvas'", | 151 "object": "LayoutHTMLCanvas CANVAS id='destination-outcanvas'", |
| 72 "rect": [457, 365, 50, 40], | 152 "rect": [457, 365, 50, 40], |
| 73 "reason": "invalidate paint rectangle" | 153 "reason": "invalidate paint rectangle" |
| 74 }, | 154 }, |
| 75 { | 155 { |
| 76 "object": "LayoutHTMLCanvas CANVAS id='destination-outimage'", | 156 "object": "LayoutHTMLCanvas CANVAS id='destination-overcanvas'", |
| 77 "rect": [315, 365, 50, 40], | 157 "rect": [457, 265, 50, 40], |
| 78 "reason": "invalidate paint rectangle" | 158 "reason": "invalidate paint rectangle" |
| 79 }, | 159 }, |
| 80 { | 160 { |
| 81 "object": "LayoutHTMLCanvas CANVAS id='destination-outsolid color'", | 161 "object": "LayoutHTMLCanvas CANVAS id='source-atopcanvas'", |
| 82 "rect": [173, 365, 50, 40], | 162 "rect": [457, 215, 50, 40], |
| 83 "reason": "invalidate paint rectangle" | 163 "reason": "invalidate paint rectangle" |
| 84 }, | 164 }, |
| 85 { | 165 { |
| 86 "object": "LayoutHTMLCanvas CANVAS id='destination-outvideo'", | 166 "object": "LayoutHTMLCanvas CANVAS id='source-overcanvas'", |
| 87 "rect": [599, 365, 50, 40], | 167 "rect": [457, 65, 50, 40], |
| 88 "reason": "invalidate paint rectangle" | 168 "reason": "invalidate paint rectangle" |
| 89 }, | 169 }, |
| 90 { | 170 { |
| 91 "object": "LayoutHTMLCanvas CANVAS id='destination-overcanvas'", | 171 "object": "LayoutHTMLCanvas CANVAS id='xorimage'", |
| 92 "rect": [457, 265, 50, 40], | 172 "rect": [315, 565, 50, 40], |
| 173 "reason": "invalidate paint rectangle" |
| 174 }, |
| 175 { |
| 176 "object": "LayoutHTMLCanvas CANVAS id='lighterimage'", |
| 177 "rect": [315, 465, 50, 40], |
| 178 "reason": "invalidate paint rectangle" |
| 179 }, |
| 180 { |
| 181 "object": "LayoutHTMLCanvas CANVAS id='destination-outimage'", |
| 182 "rect": [315, 365, 50, 40], |
| 93 "reason": "invalidate paint rectangle" | 183 "reason": "invalidate paint rectangle" |
| 94 }, | 184 }, |
| 95 { | 185 { |
| 96 "object": "LayoutHTMLCanvas CANVAS id='destination-overimage'", | 186 "object": "LayoutHTMLCanvas CANVAS id='destination-overimage'", |
| 97 "rect": [315, 265, 50, 40], | 187 "rect": [315, 265, 50, 40], |
| 98 "reason": "invalidate paint rectangle" | 188 "reason": "invalidate paint rectangle" |
| 99 }, | 189 }, |
| 100 { | 190 { |
| 101 "object": "LayoutHTMLCanvas CANVAS id='destination-oversolid color'", | |
| 102 "rect": [173, 265, 50, 40], | |
| 103 "reason": "invalidate paint rectangle" | |
| 104 }, | |
| 105 { | |
| 106 "object": "LayoutHTMLCanvas CANVAS id='destination-overvideo'", | |
| 107 "rect": [599, 265, 50, 40], | |
| 108 "reason": "invalidate paint rectangle" | |
| 109 }, | |
| 110 { | |
| 111 "object": "LayoutHTMLCanvas CANVAS id='lightercanvas'", | |
| 112 "rect": [457, 465, 50, 40], | |
| 113 "reason": "invalidate paint rectangle" | |
| 114 }, | |
| 115 { | |
| 116 "object": "LayoutHTMLCanvas CANVAS id='lighterimage'", | |
| 117 "rect": [315, 465, 50, 40], | |
| 118 "reason": "invalidate paint rectangle" | |
| 119 }, | |
| 120 { | |
| 121 "object": "LayoutHTMLCanvas CANVAS id='lightersolid color'", | |
| 122 "rect": [173, 465, 50, 40], | |
| 123 "reason": "invalidate paint rectangle" | |
| 124 }, | |
| 125 { | |
| 126 "object": "LayoutHTMLCanvas CANVAS id='lightervideo'", | |
| 127 "rect": [599, 465, 50, 40], | |
| 128 "reason": "invalidate paint rectangle" | |
| 129 }, | |
| 130 { | |
| 131 "object": "LayoutHTMLCanvas CANVAS id='source-atopcanvas'", | |
| 132 "rect": [457, 215, 50, 40], | |
| 133 "reason": "invalidate paint rectangle" | |
| 134 }, | |
| 135 { | |
| 136 "object": "LayoutHTMLCanvas CANVAS id='source-atopimage'", | 191 "object": "LayoutHTMLCanvas CANVAS id='source-atopimage'", |
| 137 "rect": [315, 215, 50, 40], | 192 "rect": [315, 215, 50, 40], |
| 138 "reason": "invalidate paint rectangle" | 193 "reason": "invalidate paint rectangle" |
| 139 }, | 194 }, |
| 140 { | 195 { |
| 141 "object": "LayoutHTMLCanvas CANVAS id='source-atopsolid color'", | |
| 142 "rect": [173, 215, 50, 40], | |
| 143 "reason": "invalidate paint rectangle" | |
| 144 }, | |
| 145 { | |
| 146 "object": "LayoutHTMLCanvas CANVAS id='source-atopvideo'", | |
| 147 "rect": [599, 215, 50, 40], | |
| 148 "reason": "invalidate paint rectangle" | |
| 149 }, | |
| 150 { | |
| 151 "object": "LayoutHTMLCanvas CANVAS id='source-incanvas'", | |
| 152 "rect": [427, 115, 80, 40], | |
| 153 "reason": "invalidate paint rectangle" | |
| 154 }, | |
| 155 { | |
| 156 "object": "LayoutHTMLCanvas CANVAS id='source-inimage'", | |
| 157 "rect": [285, 115, 80, 40], | |
| 158 "reason": "invalidate paint rectangle" | |
| 159 }, | |
| 160 { | |
| 161 "object": "LayoutHTMLCanvas CANVAS id='source-insolid color'", | |
| 162 "rect": [143, 115, 80, 40], | |
| 163 "reason": "invalidate paint rectangle" | |
| 164 }, | |
| 165 { | |
| 166 "object": "LayoutHTMLCanvas CANVAS id='source-invideo'", | |
| 167 "rect": [569, 115, 80, 40], | |
| 168 "reason": "invalidate paint rectangle" | |
| 169 }, | |
| 170 { | |
| 171 "object": "LayoutHTMLCanvas CANVAS id='source-outcanvas'", | |
| 172 "rect": [427, 165, 80, 40], | |
| 173 "reason": "invalidate paint rectangle" | |
| 174 }, | |
| 175 { | |
| 176 "object": "LayoutHTMLCanvas CANVAS id='source-outimage'", | |
| 177 "rect": [285, 165, 80, 40], | |
| 178 "reason": "invalidate paint rectangle" | |
| 179 }, | |
| 180 { | |
| 181 "object": "LayoutHTMLCanvas CANVAS id='source-outsolid color'", | |
| 182 "rect": [143, 165, 80, 40], | |
| 183 "reason": "invalidate paint rectangle" | |
| 184 }, | |
| 185 { | |
| 186 "object": "LayoutHTMLCanvas CANVAS id='source-outvideo'", | |
| 187 "rect": [569, 165, 80, 40], | |
| 188 "reason": "invalidate paint rectangle" | |
| 189 }, | |
| 190 { | |
| 191 "object": "LayoutHTMLCanvas CANVAS id='source-overcanvas'", | |
| 192 "rect": [457, 65, 50, 40], | |
| 193 "reason": "invalidate paint rectangle" | |
| 194 }, | |
| 195 { | |
| 196 "object": "LayoutHTMLCanvas CANVAS id='source-overimage'", | 196 "object": "LayoutHTMLCanvas CANVAS id='source-overimage'", |
| 197 "rect": [315, 65, 50, 40], | 197 "rect": [315, 65, 50, 40], |
| 198 "reason": "invalidate paint rectangle" | 198 "reason": "invalidate paint rectangle" |
| 199 }, | 199 }, |
| 200 { | 200 { |
| 201 "object": "LayoutHTMLCanvas CANVAS id='source-oversolid color'", | |
| 202 "rect": [173, 65, 50, 40], | |
| 203 "reason": "invalidate paint rectangle" | |
| 204 }, | |
| 205 { | |
| 206 "object": "LayoutHTMLCanvas CANVAS id='source-overvideo'", | |
| 207 "rect": [599, 65, 50, 40], | |
| 208 "reason": "invalidate paint rectangle" | |
| 209 }, | |
| 210 { | |
| 211 "object": "LayoutHTMLCanvas CANVAS id='xorcanvas'", | |
| 212 "rect": [457, 565, 50, 40], | |
| 213 "reason": "invalidate paint rectangle" | |
| 214 }, | |
| 215 { | |
| 216 "object": "LayoutHTMLCanvas CANVAS id='xorimage'", | |
| 217 "rect": [315, 565, 50, 40], | |
| 218 "reason": "invalidate paint rectangle" | |
| 219 }, | |
| 220 { | |
| 221 "object": "LayoutHTMLCanvas CANVAS id='xorsolid color'", | 201 "object": "LayoutHTMLCanvas CANVAS id='xorsolid color'", |
| 222 "rect": [173, 565, 50, 40], | 202 "rect": [173, 565, 50, 40], |
| 223 "reason": "invalidate paint rectangle" | 203 "reason": "invalidate paint rectangle" |
| 224 }, | 204 }, |
| 225 { | 205 { |
| 226 "object": "LayoutHTMLCanvas CANVAS id='xorvideo'", | 206 "object": "LayoutHTMLCanvas CANVAS id='lightersolid color'", |
| 227 "rect": [599, 565, 50, 40], | 207 "rect": [173, 465, 50, 40], |
| 208 "reason": "invalidate paint rectangle" |
| 209 }, |
| 210 { |
| 211 "object": "LayoutHTMLCanvas CANVAS id='destination-outsolid color'", |
| 212 "rect": [173, 365, 50, 40], |
| 213 "reason": "invalidate paint rectangle" |
| 214 }, |
| 215 { |
| 216 "object": "LayoutHTMLCanvas CANVAS id='destination-oversolid color'", |
| 217 "rect": [173, 265, 50, 40], |
| 218 "reason": "invalidate paint rectangle" |
| 219 }, |
| 220 { |
| 221 "object": "LayoutHTMLCanvas CANVAS id='source-atopsolid color'", |
| 222 "rect": [173, 215, 50, 40], |
| 223 "reason": "invalidate paint rectangle" |
| 224 }, |
| 225 { |
| 226 "object": "LayoutHTMLCanvas CANVAS id='source-oversolid color'", |
| 227 "rect": [173, 65, 50, 40], |
| 228 "reason": "invalidate paint rectangle" | 228 "reason": "invalidate paint rectangle" |
| 229 } | 229 } |
| 230 ], | 230 ], |
| 231 "children": [ | 231 "children": [ |
| 232 { | 232 { |
| 233 "position": [15, 859], | 233 "position": [15, 859], |
| 234 "bounds": [150, 60] | 234 "bounds": [150, 60] |
| 235 }, | 235 }, |
| 236 { | 236 { |
| 237 "shouldFlattenTransform": false, | 237 "shouldFlattenTransform": false, |
| 238 "children": [ | 238 "children": [ |
| 239 { | 239 { |
| 240 "position": [15, 859], | 240 "position": [15, 859], |
| 241 "bounds": [150, 60], | 241 "bounds": [150, 60], |
| 242 "drawsContent": true | 242 "drawsContent": true |
| 243 }, | 243 }, |
| 244 { | 244 { |
| 245 "position": [15, 859], | 245 "position": [15, 859], |
| 246 "bounds": [150, 25], | 246 "bounds": [150, 25], |
| 247 "drawsContent": true | 247 "drawsContent": true |
| 248 } | 248 } |
| 249 ] | 249 ] |
| 250 } | 250 } |
| 251 ] | 251 ] |
| 252 } | 252 } |
| 253 ] | 253 ] |
| 254 } | 254 } |
| 255 | 255 |
| OLD | NEW |