| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | 4 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
| 5 </head> | 5 </head> |
| 6 <body> | 6 <body> |
| 7 <template id="target-template"> | 7 <template id="target-template"> |
| 8 <svg width="90" height="90"> | 8 <svg width="90" height="90"> |
| 9 <path class="target" /> | 9 <path class="target" /> |
| 10 </svg> | 10 </svg> |
| (...skipping 291 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 302 {at: 1.4, is: 'm 0 0 t 34 78'}, | 302 {at: 1.4, is: 'm 0 0 t 34 78'}, |
| 303 ]); | 303 ]); |
| 304 | 304 |
| 305 // Mix relative and non-relative | 305 // Mix relative and non-relative |
| 306 assertAttributeInterpolation({ | 306 assertAttributeInterpolation({ |
| 307 property: 'd', | 307 property: 'd', |
| 308 from: 'M 0 0 L 100 100 M 100 200 L 200 200 Z L 200 100 Z', | 308 from: 'M 0 0 L 100 100 M 100 200 L 200 200 Z L 200 100 Z', |
| 309 to: 'M 0 0 L 100 100 m 0 100 l 100 0 z l 200 100 z' | 309 to: 'M 0 0 L 100 100 m 0 100 l 100 0 z l 200 100 z' |
| 310 }, [ | 310 }, [ |
| 311 {at: -0.4, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 60 -180 Z'}, | 311 {at: -0.4, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 60 -180 Z'}, |
| 312 {at: 0, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, | 312 {at: 0, is: 'M 0 0 L 100 100 M 100 200 L 200 200 Z L 200 100 Z'}, |
| 313 {at: 0.2, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 120 -60 Z'}, | 313 {at: 0.2, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 120 -60 Z'}, |
| 314 {at: 0.6, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 160 20 Z'}, | 314 {at: 0.6, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 160 20 Z'}, |
| 315 {at: 1, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 200 100 Z'}, | 315 {at: 1, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 200 100 Z'}, |
| 316 {at: 1.4, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 240 180 Z'}, | 316 {at: 1.4, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 240 180 Z'}, |
| 317 ]); | 317 ]); |
| 318 | 318 |
| 319 assertAttributeInterpolation({ | 319 assertAttributeInterpolation({ |
| 320 property: 'd', | 320 property: 'd', |
| 321 from: 'M 0 0 L 100 100 M 100 200 L 200 200 Z L 200 100 Z', | 321 from: 'M 0 0 L 100 100 M 100 200 L 200 200 Z L 200 100 Z', |
| 322 to: 'M 0 0 L 100 100 m 0 100 l 100 0 z l 100 -100 z' | 322 to: 'M 0 0 L 100 100 m 0 100 l 100 0 z l 100 -100 z' |
| 323 }, [ | 323 }, [ |
| 324 {at: -0.4, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, | 324 {at: -0.4, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, |
| 325 {at: 0, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, | 325 {at: 0, is: 'M 0 0 L 100 100 M 100 200 L 200 200 Z L 200 100 Z'}, |
| 326 {at: 0.2, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, | 326 {at: 0.2, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, |
| 327 {at: 0.6, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, | 327 {at: 0.6, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, |
| 328 {at: 1, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, | 328 {at: 1, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, |
| 329 {at: 1.4, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, | 329 {at: 1.4, is: 'M 0 0 L 100 100 m 0 100 l 100 0 Z l 100 -100 Z'}, |
| 330 ]); | 330 ]); |
| 331 | 331 |
| 332 assertAttributeInterpolation({ | 332 assertAttributeInterpolation({ |
| 333 property: 'd', | 333 property: 'd', |
| 334 from: 'm 10 20 l 20 30 z l 50 60 z m 70 80 l 90 60 z t 70 120', | 334 from: 'm 10 20 l 20 30 z l 50 60 z m 70 80 l 90 60 z t 70 120', |
| 335 to: 'M 110 120 L 130 150 Z L 80 110 Z M 100 140 L 190 200 Z T 210 220' | 335 to: 'M 110 120 L 130 150 Z L 80 110 Z M 100 140 L 190 200 Z T 210 220' |
| 336 }, [ | 336 }, [ |
| 337 {at: -0.4, is: 'M -30 -20 L -10 10 Z L 52 68 Z M 72 84 L 162 144 Z T 126 220'}
, | 337 {at: -0.4, is: 'M -30 -20 L -10 10 Z L 52 68 Z M 72 84 L 162 144 Z T 126 220'}
, |
| 338 {at: 0, is: 'M 10 20 L 30 50 Z L 60 80 Z M 80 100 L 170 160 Z T 150 220'}, | 338 {at: 0, is: 'm 10 20 l 20 30 z l 50 60 z m 70 80 l 90 60 z t 70 120'}, |
| 339 {at: 0.2, is: 'M 30 40 L 50 70 Z L 64 86 Z M 84 108 L 174 168 Z T 162 220'}, | 339 {at: 0.2, is: 'M 30 40 L 50 70 Z L 64 86 Z M 84 108 L 174 168 Z T 162 220'}, |
| 340 {at: 0.6, is: 'M 70 80 L 90 110 Z L 72 98 Z M 92 124 L 182 184 Z T 186 220'}, | 340 {at: 0.6, is: 'M 70 80 L 90 110 Z L 72 98 Z M 92 124 L 182 184 Z T 186 220'}, |
| 341 {at: 1, is: 'M 110 120 L 130 150 Z L 80 110 Z M 100 140 L 190 200 Z T 210 220'
}, | 341 {at: 1, is: 'M 110 120 L 130 150 Z L 80 110 Z M 100 140 L 190 200 Z T 210 220'
}, |
| 342 {at: 1.4, is: 'M 150 160 L 170 190 Z L 88 122 Z M 108 156 L 198 216 Z T 234 22
0'} | 342 {at: 1.4, is: 'M 150 160 L 170 190 Z L 88 122 Z M 108 156 L 198 216 Z T 234 22
0'} |
| 343 ]); | 343 ]); |
| 344 | 344 |
| 345 assertAttributeInterpolation({ | 345 assertAttributeInterpolation({ |
| 346 property: 'd', | 346 property: 'd', |
| 347 from: 'm 10 20 c 40 50 30 60 80 70 c 90 100 140 110 120 130', | 347 from: 'm 10 20 c 40 50 30 60 80 70 c 90 100 140 110 120 130', |
| 348 to: 'M 110 120 C 140 150 130 160 180 170 C 290 300 340 310 320 330' | 348 to: 'M 110 120 C 140 150 130 160 180 170 C 290 300 340 310 320 330' |
| 349 }, [ | 349 }, [ |
| 350 {at: -0.4, is: 'M -30 -20 C 14 38 4 48 54 58 C 136 146 186 156 166 176'}, | 350 {at: -0.4, is: 'M -30 -20 C 14 38 4 48 54 58 C 136 146 186 156 166 176'}, |
| 351 {at: 0, is: 'M 10 20 C 50 70 40 80 90 90 C 180 190 230 200 210 220'}, | 351 {at: 0, is: 'm 10 20 c 40 50 30 60 80 70 c 90 100 140 110 120 130'}, |
| 352 {at: 0.2, is: 'M 30 40 C 68 86 58 96 108 106 C 202 212 252 222 232 242'}, | 352 {at: 0.2, is: 'M 30 40 C 68 86 58 96 108 106 C 202 212 252 222 232 242'}, |
| 353 {at: 0.6, is: 'M 70 80 C 104 118 94 128 144 138 C 246 256 296 266 276 286'}, | 353 {at: 0.6, is: 'M 70 80 C 104 118 94 128 144 138 C 246 256 296 266 276 286'}, |
| 354 {at: 1, is: 'M 110 120 C 140 150 130 160 180 170 C 290 300 340 310 320 330'}, | 354 {at: 1, is: 'M 110 120 C 140 150 130 160 180 170 C 290 300 340 310 320 330'}, |
| 355 {at: 1.4, is: 'M 150 160 C 176 182 166 192 216 202 C 334 344 384 354 364 374'} | 355 {at: 1.4, is: 'M 150 160 C 176 182 166 192 216 202 C 334 344 384 354 364 374'} |
| 356 ]); | 356 ]); |
| 357 | 357 |
| 358 assertAttributeInterpolation({ | 358 assertAttributeInterpolation({ |
| 359 property: 'd', | 359 property: 'd', |
| 360 from: 'm 10 20 q 30 60 40 50 q 100 70 90 80', | 360 from: 'm 10 20 q 30 60 40 50 q 100 70 90 80', |
| 361 to: 'M 110 120 Q 130 160 140 150 Q 200 170 190 180' | 361 to: 'M 110 120 Q 130 160 140 150 Q 200 170 190 180' |
| 362 }, [ | 362 }, [ |
| 363 {at: -0.4, is: 'M -30 -20 Q 4 48 14 38 Q 130 128 120 138'}, | 363 {at: -0.4, is: 'M -30 -20 Q 4 48 14 38 Q 130 128 120 138'}, |
| 364 {at: 0, is: 'M 10 20 Q 40 80 50 70 Q 150 140 140 150'}, | 364 {at: 0, is: 'm 10 20 q 30 60 40 50 q 100 70 90 80'}, |
| 365 {at: 0.2, is: 'M 30 40 Q 58 96 68 86 Q 160 146 150 156'}, | 365 {at: 0.2, is: 'M 30 40 Q 58 96 68 86 Q 160 146 150 156'}, |
| 366 {at: 0.6, is: 'M 70 80 Q 94 128 104 118 Q 180 158 170 168'}, | 366 {at: 0.6, is: 'M 70 80 Q 94 128 104 118 Q 180 158 170 168'}, |
| 367 {at: 1, is: 'M 110 120 Q 130 160 140 150 Q 200 170 190 180'}, | 367 {at: 1, is: 'M 110 120 Q 130 160 140 150 Q 200 170 190 180'}, |
| 368 {at: 1.4, is: 'M 150 160 Q 166 192 176 182 Q 220 182 210 192'} | 368 {at: 1.4, is: 'M 150 160 Q 166 192 176 182 Q 220 182 210 192'} |
| 369 ]); | 369 ]); |
| 370 | 370 |
| 371 assertAttributeInterpolation({ | 371 assertAttributeInterpolation({ |
| 372 property: 'd', | 372 property: 'd', |
| 373 from: 'm 10 20 s 30 60 40 50 s 100 70 90 80', | 373 from: 'm 10 20 s 30 60 40 50 s 100 70 90 80', |
| 374 to: 'M 110 120 S 130 160 140 150 S 200 170 190 180' | 374 to: 'M 110 120 S 130 160 140 150 S 200 170 190 180' |
| 375 }, [ | 375 }, [ |
| 376 {at: -0.4, is: 'M -30 -20 S 4 48 14 38 S 130 128 120 138'}, | 376 {at: -0.4, is: 'M -30 -20 S 4 48 14 38 S 130 128 120 138'}, |
| 377 {at: 0, is: 'M 10 20 S 40 80 50 70 S 150 140 140 150'}, | 377 {at: 0, is: 'm 10 20 s 30 60 40 50 s 100 70 90 80'}, |
| 378 {at: 0.2, is: 'M 30 40 S 58 96 68 86 S 160 146 150 156'}, | 378 {at: 0.2, is: 'M 30 40 S 58 96 68 86 S 160 146 150 156'}, |
| 379 {at: 0.6, is: 'M 70 80 S 94 128 104 118 S 180 158 170 168'}, | 379 {at: 0.6, is: 'M 70 80 S 94 128 104 118 S 180 158 170 168'}, |
| 380 {at: 1, is: 'M 110 120 S 130 160 140 150 S 200 170 190 180'}, | 380 {at: 1, is: 'M 110 120 S 130 160 140 150 S 200 170 190 180'}, |
| 381 {at: 1.4, is: 'M 150 160 S 166 192 176 182 S 220 182 210 192'} | 381 {at: 1.4, is: 'M 150 160 S 166 192 176 182 S 220 182 210 192'} |
| 382 ]); | 382 ]); |
| 383 | 383 |
| 384 assertAttributeInterpolation({ | 384 assertAttributeInterpolation({ |
| 385 property: 'd', | 385 property: 'd', |
| 386 from: 'm 10 20 h 30 v 40 h 50 v 60 l 70 80', | 386 from: 'm 10 20 h 30 v 40 h 50 v 60 l 70 80', |
| 387 to: 'M 110 120 H 130 V 140 H 250 V 260 L 270 280' | 387 to: 'M 110 120 H 130 V 140 H 250 V 260 L 270 280' |
| 388 }, [ | 388 }, [ |
| 389 {at: -0.4, is: 'M -30 -20 H 4 V 28 H 26 V 64 L 116 168'}, | 389 {at: -0.4, is: 'M -30 -20 H 4 V 28 H 26 V 64 L 116 168'}, |
| 390 {at: 0, is: 'M 10 20 H 40 V 60 H 90 V 120 L 160 200'}, | 390 {at: 0, is: 'm 10 20 h 30 v 40 h 50 v 60 l 70 80'}, |
| 391 {at: 0.2, is: 'M 30 40 H 58 V 76 H 122 V 148 L 182 216'}, | 391 {at: 0.2, is: 'M 30 40 H 58 V 76 H 122 V 148 L 182 216'}, |
| 392 {at: 0.6, is: 'M 70 80 H 94 V 108 H 186 V 204 L 226 248'}, | 392 {at: 0.6, is: 'M 70 80 H 94 V 108 H 186 V 204 L 226 248'}, |
| 393 {at: 1, is: 'M 110 120 H 130 V 140 H 250 V 260 L 270 280'}, | 393 {at: 1, is: 'M 110 120 H 130 V 140 H 250 V 260 L 270 280'}, |
| 394 {at: 1.4, is: 'M 150 160 H 166 V 172 H 314 V 316 L 314 312'} | 394 {at: 1.4, is: 'M 150 160 H 166 V 172 H 314 V 316 L 314 312'} |
| 395 ]); | 395 ]); |
| 396 | 396 |
| 397 assertAttributeInterpolation({ | 397 assertAttributeInterpolation({ |
| 398 property: 'd', | 398 property: 'd', |
| 399 from: 'm 10 20 a 10 20 30 1 0 40 50 a 110 120 30 1 1 140 50', | 399 from: 'm 10 20 a 10 20 30 1 0 40 50 a 110 120 30 1 1 140 50', |
| 400 to: 'M 20 30 A 60 70 80 0 1 90 100 A 160 170 80 0 1 90 100' | 400 to: 'M 20 30 A 60 70 80 0 1 90 100 A 160 170 80 0 1 90 100' |
| 401 }, [ | 401 }, [ |
| 402 {at: -0.4, is: 'M 6 16 A -10 0 10 1 0 34 58 A 90 100 10 1 1 230 128'}, | 402 {at: -0.4, is: 'M 6 16 A -10 0 10 1 0 34 58 A 90 100 10 1 1 230 128'}, |
| 403 {at: 0, is: 'M 10 20 A 10 20 30 1 0 50 70 A 110 120 30 1 1 190 120'}, | 403 {at: 0, is: 'm 10 20 a 10 20 30 1 0 40 50 a 110 120 30 1 1 140 50'}, |
| 404 {at: 0.2, is: 'M 12 22 A 20 30 40 1 0 58 76 A 120 130 40 1 1 170 116'}, | 404 {at: 0.2, is: 'M 12 22 A 20 30 40 1 0 58 76 A 120 130 40 1 1 170 116'}, |
| 405 {at: 0.6, is: 'M 16 26 A 40 50 60 0 1 74 88 A 140 150 60 0 1 130 108'}, | 405 {at: 0.6, is: 'M 16 26 A 40 50 60 0 1 74 88 A 140 150 60 0 1 130 108'}, |
| 406 {at: 1, is: 'M 20 30 A 60 70 80 0 1 90 100 A 160 170 80 0 1 90 100'}, | 406 {at: 1, is: 'M 20 30 A 60 70 80 0 1 90 100 A 160 170 80 0 1 90 100'}, |
| 407 {at: 1.4, is: 'M 24 34 A 80 90 100 0 1 106 112 A 180 190 100 0 1 50 92'} | 407 {at: 1.4, is: 'M 24 34 A 80 90 100 0 1 106 112 A 180 190 100 0 1 50 92'} |
| 408 ]); | 408 ]); |
| 409 | 409 |
| 410 </script> | 410 </script> |
| 411 </body> | 411 </body> |
| 412 </html> | 412 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1441853002:
Web Animations: Add SVGPathInterpolationType (Closed)
Base URL: https://chromium.googlesource.com/chromium/src.git@_svgNumberListInterpolationType