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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1587533002: Add composition support for SVG Web Animation of x, y, dx, dy attributes (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Review changes Created 4 years, 11 months 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
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-y-interpolation.html ('k') | third_party/WebKit/LayoutTests/animations/svg-attribute-responsive/svg-x-list-responsive.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <style>
3 <head> 3 body {
4 <style> 4 font-size: 10px;
5 body { 5 }
6 font-size: 10px; 6 </style>
7 }
8 </style>
9 </head>
10 <body> 7 <body>
11 <template id="target-template"> 8 <template id="target-template">
12 <svg width="200px" height="300px" viewBox="0 0 1500 1000"> 9 <svg width="0" height="0" viewBox="0 0 1000 1000">
13 <text class="target" x="20, 40, 60" /> 10 <text class="target"/>
14 </svg> 11 </svg>
15 </template> 12 </template>
16 <script src="resources/interpolation-test.js"></script> 13 <script src="resources/interpolation-test.js"></script>
17 <script> 14 <script>
18 'use strict'; 15 'use strict';
16
19 assertAttributeInterpolation({ 17 assertAttributeInterpolation({
20 property: 'y', 18 property: 'y',
21 from: '0, -1, 2', 19 from: '0, -1, 2',
22 to: '5, -6, 7' 20 to: '5, -6, 7'
23 }, [ 21 }, [
24 {at: -0.4, is: '-2, 1, 0'}, 22 {at: -0.4, is: '-2, 1, 0'},
25 {at: 0, is: '0, -1, 2'}, 23 {at: 0, is: '0, -1, 2'},
26 {at: 0.2, is: '1, -2, 3'}, 24 {at: 0.2, is: '1, -2, 3'},
27 {at: 0.6, is: '3, -4, 5'}, 25 {at: 0.6, is: '3, -4, 5'},
28 {at: 1, is: '5, -6, 7'}, 26 {at: 1, is: '5, -6, 7'},
29 {at: 1.4, is: '7, -8, 9'} 27 {at: 1.4, is: '7, -8, 9'}
30 ]); 28 ]);
29
31 assertAttributeInterpolation({ 30 assertAttributeInterpolation({
32 property: 'y', 31 property: 'y',
33 from: '0em, 1ex, 2rems', 32 from: '0em, 1ex, 2rem',
34 to: '5em, 6ex, 7rems' 33 to: '5em, 6ex, 7rem'
35 }, [ 34 }, [
36 {at: -0.4, is: '-2em, -1ex, 0rems'}, 35 {at: -0.4, is: '-2em, -1ex, 0rem'},
37 {at: 0, is: '0em, 1ex, 2rems'}, 36 {at: 0, is: '0em, 1ex, 2rem'},
38 {at: 0.2, is: '1em, 2ex, 3rems'}, 37 {at: 0.2, is: '1em, 2ex, 3rem'},
39 {at: 0.6, is: '3em, 4ex, 5rems'}, 38 {at: 0.6, is: '3em, 4ex, 5rem'},
40 {at: 1, is: '5em, 6ex, 7rems'}, 39 {at: 1, is: '5em, 6ex, 7rem'},
41 {at: 1.4, is: '7em, 8ex, 9rems'} 40 {at: 1.4, is: '7em, 8ex, 9rem'}
42 ]); 41 ]);
42
43 assertAttributeInterpolation({ 43 assertAttributeInterpolation({
44 property: 'y', 44 property: 'y',
45 from: '55%, 5em, 0', 45 from: '55%, 5em, 0',
46 to: '5em, 55%, 0' 46 to: '5em, 55%, 0'
47 }, [ 47 }, [
48 {at: -0.4, is: '750, -150, 0'}, 48 {at: -0.4, is: '750, -150, 0'},
49 {at: 0, is: '550, 50, 0'}, 49 {at: 0, is: '550, 50, 0'},
50 {at: 0.2, is: '450, 150, 0'}, 50 {at: 0.2, is: '450, 150, 0'},
51 {at: 0.6, is: '250, 350, 0'}, 51 {at: 0.6, is: '250, 350, 0'},
52 {at: 1, is: '50, 550, 0'}, 52 {at: 1, is: '50, 550, 0'},
53 {at: 1.4, is: '-150, 750, 0'} 53 {at: 1.4, is: '-150, 750, 0'}
54 ]); 54 ]);
55 </script> 55 </script>
56 </body> 56 </body>
57 </html>
OLDNEW
« no previous file with comments | « third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-y-interpolation.html ('k') | third_party/WebKit/LayoutTests/animations/svg-attribute-responsive/svg-x-list-responsive.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698