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

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <template id="target-template">
   5 <svg width="90" height="90">
   6 <text class="target">123</text>
   7 </svg>
   8 </template>
   9 <script src="resources/interpolation-test.js"></script>
  10 <script>
  11 'use strict';
  12 assertAttributeInterpolation({
  13   property: 'dx',
  14   from: '1',
  15   to: '6'
  16 }, [
  17   {at: -0.4, is: '-1'},
  18   {at: 0, is: '1'},
  19   {at: 0.2, is: '2'},
  20   {at: 0.6, is: '4'},
  21   {at: 1, is: '6'},
  22   {at: 1.4, is: '8'}
  23 ]);
  24 assertAttributeInterpolation({
  25   property: 'dy',
  26   from: '1 -2',
  27   to: '6 -12'
  28 }, [
  29   {at: -0.4, is: '-1 2'},
  30   {at: 0, is: '1 -2'},
  31   {at: 0.2, is: '2 -4'},
  32   {at: 0.6, is: '4 -8'},
  33   {at: 1, is: '6 -12'},
  34   {at: 1.4, is: '8 -16'}
  35 ]);
  36 </script>
  37 </body>
  38 </html>