OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
3 <style> | 3 <style> |
4 .container { | 4 .container { |
5 display: inline-block; | 5 display: inline-block; |
6 margin-right: 1px; | 6 margin-right: 1px; |
7 } | 7 } |
8 .parent { | 8 .parent { |
9 fill: blue; | 9 fill: blue; |
10 } | 10 } |
(...skipping 16 matching lines...) Expand all Loading... |
27 <stop offset="1" stop-color="gold"/> | 27 <stop offset="1" stop-color="gold"/> |
28 </linearGradient> | 28 </linearGradient> |
29 </defs> | 29 </defs> |
30 <rect x="0" y="0" width="40" height="40" class="target"></rect> | 30 <rect x="0" y="0" width="40" height="40" class="target"></rect> |
31 </svg> | 31 </svg> |
32 </template> | 32 </template> |
33 <script src="resources/interpolation-test.js"></script> | 33 <script src="resources/interpolation-test.js"></script> |
34 <script> | 34 <script> |
35 assertInterpolation({ | 35 assertInterpolation({ |
36 property: 'fill', | 36 property: 'fill', |
37 from: '', | 37 from: neutralKeyframe, |
38 to: 'green', | 38 to: 'green', |
39 }, [ | 39 }, [ |
40 {at: -5, is: 'rgb(255, 255, 0)'}, | 40 {at: -5, is: 'rgb(255, 255, 0)'}, |
41 {at: -0.4, is: 'rgb(255, 180, 0)'}, | 41 {at: -0.4, is: 'rgb(255, 180, 0)'}, |
42 {at: 0, is: 'rgb(255, 165, 0)'}, | 42 {at: 0, is: 'rgb(255, 165, 0)'}, |
43 {at: 0.2, is: 'rgb(204, 158, 0)'}, | 43 {at: 0.2, is: 'rgb(204, 158, 0)'}, |
44 {at: 0.6, is: 'rgb(102, 143, 0)'}, | 44 {at: 0.6, is: 'rgb(102, 143, 0)'}, |
45 {at: 1, is: 'rgb(0, 128, 0)'}, | 45 {at: 1, is: 'rgb(0, 128, 0)'}, |
46 {at: 1.5, is: 'rgb(0, 110, 0)'}, | 46 {at: 1.5, is: 'rgb(0, 110, 0)'}, |
47 ]); | 47 ]); |
(...skipping 73 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
121 {at: 0.6, is: '#996366'}, | 121 {at: 0.6, is: '#996366'}, |
122 {at: 1, is: 'orange'}, | 122 {at: 1, is: 'orange'}, |
123 ]); | 123 ]); |
124 assertNoInterpolation({ | 124 assertNoInterpolation({ |
125 property: 'fill', | 125 property: 'fill', |
126 from: 'orange', | 126 from: 'orange', |
127 to: 'url(#gradient)', | 127 to: 'url(#gradient)', |
128 }); | 128 }); |
129 </script> | 129 </script> |
130 </body> | 130 </body> |
OLD | NEW |