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

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <template id="target-template">
   5 <svg width="90" height="90">
   6 <text>
   7 <tspan class="target">
   8 abcd
   9 </tspan>
  10 </text>
  11 </svg>
  12 </template>
  13 <script src="resources/interpolation-test.js"></script>
  14 <script>
  15 'use strict';
  16 assertAttributeInterpolation({
  17   property: 'rotate',
  18   from: '20, 30, 40, 500',
  19   to: '120, 130, 140, 1500'
  20 }, [
  21   {at: -0.4, is: '-20, -10, 0, 100'},
  22   {at: 0, is: '20, 30, 40, 500'},
  23   {at: 0.2, is: '40, 50, 60, 700'},
  24   {at: 0.6, is: '80, 90, 100, 1100'},
  25   {at: 1, is: '120, 130, 140, 1500'},
  26   {at: 1.4, is: '160, 170, 180, 1900'}
  27 ]);
  28 assertAttributeInterpolation({
  29   property: 'rotate',
  30   from: '60',
  31   to: '70, 80'
  32 }, [
  33   {at: -0.4, is: '60'},
  34   {at: 0, is: '60'},
  35   {at: 0.2, is: '60'},
  36   {at: 0.6, is: '70, 80'},
  37   {at: 1, is: '70, 80'},
  38   {at: 1.4, is: '70, 80'}
  39 ]);
  40 </script>
  41 </body>
  42 </html>