Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(599)

Side by Side Diff: third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-d-interpolation.html

Issue 1441853002: Web Animations: Add SVGPathInterpolationType (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@_svgNumberListInterpolationType
Patch Set: Rebased Created 5 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698