third_party/WebKit/LayoutTests/animations/svg-attribute-interpolation/svg-x-interpolation.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <template id="target-template">
   5 <svg width="90" height="90">
   6 <!-- In text positioning elements, x is a list.
   7      See svg-y-interpolation.html for an example. -->
   8 <rect class="target" x="10" y="10" width="20" height="20" />
   9 </svg>
  10 </template>
  11 <script src="resources/interpolation-test.js"></script>
  12 <script>
  13 'use strict';
  14 assertAttributeInterpolation({
  15   property: 'x',
  16   from: '1',
  17   to: '6'
  18 }, [
  19   {at: -0.4, is: -1},
  20   {at: 0, is: 1},
  21   {at: 0.2, is: 2},
  22   {at: 0.6, is: 4},
  23   {at: 1, is: 6},
  24   {at: 1.4, is: 8}
  25 ]);
  26 </script>
  27 </body>
  28 </html>