OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 <template id="target-template"> | 4 <template id="target-template"> |
5 <svg width="0" height="0"> | 5 <svg width="0" height="0"> |
6 <polygon class="target" /> | 6 <polygon class="target" /> |
7 </svg> | 7 </svg> |
8 </template> | 8 </template> |
9 <script src="../svg-attribute-interpolation/resources/interpolation-test.js"></s
cript> | 9 <script src="../svg-attribute-interpolation/resources/interpolation-test.js"></s
cript> |
10 <script> | 10 <script> |
(...skipping 18 matching lines...) Expand all Loading... |
29 property: 'points', | 29 property: 'points', |
30 underlying: '10 10, 20 20', | 30 underlying: '10 10, 20 20', |
31 from: '40 40, 30 30', | 31 from: '40 40, 30 30', |
32 fromComposite: 'add', | 32 fromComposite: 'add', |
33 to: '90 90, -10 -10, 50 50', | 33 to: '90 90, -10 -10, 50 50', |
34 toComposite: 'add', | 34 toComposite: 'add', |
35 }, [ | 35 }, [ |
36 {at: -0.4, is: '50 50, 50 50'}, | 36 {at: -0.4, is: '50 50, 50 50'}, |
37 {at: 0, is: '50 50, 50 50'}, | 37 {at: 0, is: '50 50, 50 50'}, |
38 {at: 0.2, is: '50 50, 50 50'}, | 38 {at: 0.2, is: '50 50, 50 50'}, |
39 {at: 0.6, is: '180 180, -20 -20, 100 100'}, | 39 {at: 0.6, is: '90 90, -10 -10, 50 50'}, |
40 {at: 1, is: '180 180, -20 -20, 100 100'}, | 40 {at: 1, is: '90 90, -10 -10, 50 50'}, |
41 {at: 1.4, is: '180 180, -20 -20, 100 100'}, | 41 {at: 1.4, is: '90 90, -10 -10, 50 50'}, |
42 ]); | 42 ]); |
43 | 43 |
44 assertAttributeInterpolation({ | 44 assertAttributeInterpolation({ |
45 property: 'points', | 45 property: 'points', |
46 underlying: '10 10, 20 20, 50 50', | 46 underlying: '10 10, 20 20, 50 50', |
47 from: '40 40', | 47 from: '40 40', |
48 fromComposite: 'add', | 48 fromComposite: 'add', |
49 to: '90 90, -10 -10', | 49 to: '90 90, -10 -10', |
50 toComposite: 'add', | 50 toComposite: 'add', |
51 }, [ | 51 }, [ |
52 {at: -0.4, is: '80 80'}, | 52 {at: -0.4, is: '40 40'}, |
53 {at: 0, is: '80 80'}, | 53 {at: 0, is: '40 40'}, |
54 {at: 0.2, is: '80 80'}, | 54 {at: 0.2, is: '40 40'}, |
55 {at: 0.6, is: '180 180, -20 -20'}, | 55 {at: 0.6, is: '90 90, -10 -10'}, |
56 {at: 1, is: '180 180, -20 -20'}, | 56 {at: 1, is: '90 90, -10 -10'}, |
57 {at: 1.4, is: '180 180, -20 -20'}, | 57 {at: 1.4, is: '90 90, -10 -10'}, |
58 ]); | 58 ]); |
59 | 59 |
60 assertAttributeInterpolation({ | 60 assertAttributeInterpolation({ |
61 property: 'points', | 61 property: 'points', |
62 underlying: '10 10, 20 20', | 62 underlying: '10 10, 20 20', |
63 from: '40 40, 30 30', | 63 from: '40 40, 30 30', |
64 fromComposite: 'add', | 64 fromComposite: 'add', |
65 to: '90 90, -10 -10', | 65 to: '90 90, -10 -10', |
66 toComposite: 'replace', | 66 toComposite: 'replace', |
67 }, [ | 67 }, [ |
(...skipping 22 matching lines...) Expand all Loading... |
90 ]); | 90 ]); |
91 | 91 |
92 assertAttributeInterpolation({ | 92 assertAttributeInterpolation({ |
93 property: 'points', | 93 property: 'points', |
94 underlying: '10 10, 20 20, 50 50', | 94 underlying: '10 10, 20 20, 50 50', |
95 from: '40 40', | 95 from: '40 40', |
96 fromComposite: 'add', | 96 fromComposite: 'add', |
97 to: '90 90, -10 -10', | 97 to: '90 90, -10 -10', |
98 toComposite: 'replace', | 98 toComposite: 'replace', |
99 }, [ | 99 }, [ |
100 {at: -0.4, is: '80 80'}, | 100 {at: -0.4, is: '40 40'}, |
101 {at: 0, is: '80 80'}, | 101 {at: 0, is: '40 40'}, |
102 {at: 0.2, is: '80 80'}, | 102 {at: 0.2, is: '40 40'}, |
103 {at: 0.6, is: '90 90, -10 -10'}, | 103 {at: 0.6, is: '90 90, -10 -10'}, |
104 {at: 1, is: '90 90, -10 -10'}, | 104 {at: 1, is: '90 90, -10 -10'}, |
105 {at: 1.4, is: '90 90, -10 -10'}, | 105 {at: 1.4, is: '90 90, -10 -10'}, |
106 ]); | 106 ]); |
107 | 107 |
108 assertAttributeInterpolation({ | 108 assertAttributeInterpolation({ |
109 property: 'points', | 109 property: 'points', |
110 underlying: '10 10, 20 20', | 110 underlying: '10 10, 20 20', |
111 from: neutralKeyframe, | 111 from: neutralKeyframe, |
112 to: '90 90, -10 -10', | 112 to: '90 90, -10 -10', |
(...skipping 17 matching lines...) Expand all Loading... |
130 {at: -0.4, is: '10 10, 20 20'}, | 130 {at: -0.4, is: '10 10, 20 20'}, |
131 {at: 0, is: '10 10, 20 20'}, | 131 {at: 0, is: '10 10, 20 20'}, |
132 {at: 0.2, is: '10 10, 20 20'}, | 132 {at: 0.2, is: '10 10, 20 20'}, |
133 {at: 0.6, is: '90 90, -10 -10, 50 50'}, | 133 {at: 0.6, is: '90 90, -10 -10, 50 50'}, |
134 {at: 1, is: '90 90, -10 -10, 50 50'}, | 134 {at: 1, is: '90 90, -10 -10, 50 50'}, |
135 {at: 1.4, is: '90 90, -10 -10, 50 50'}, | 135 {at: 1.4, is: '90 90, -10 -10, 50 50'}, |
136 ]); | 136 ]); |
137 </script> | 137 </script> |
138 </body> | 138 </body> |
139 </html> | 139 </html> |
OLD | NEW |