third_party/WebKit/LayoutTests/svg/custom/animate-path-morphing.svg

   1 <?xml version="1.0" standalone="no"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
   3 <svg width="100%" height="100%" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runRepaintAndPixelTest()">
   4 <script xlink:href="../../fast/repaint/resources/text-based-repaint.js"/>
   5 <script type="text/ecmascript"> <![CDATA[
   6 window.testIsAsync = true;
   7 // These svg files are animated automatically, so have flaky repaint rect
   8 // output depending on when repaint rect capturing starts.
   9 window.outputRepaintRects = false;
  10 function repaintTest() {
  11     if (window.testRunner) {
  12         setTimeout(finishRepaintTest, 200);
  13     }
  14 }
  15 ]]> </script>
  16 <path d="M40,140 L40,100 10,100 C10,10 90,10 90,100 L60,100 60,140 M140,50 C70,180 195,180 190,100 " style="fill:white;stroke:red;stroke-width:2">
  17     <animate attributeName="d" calcMode="discrete" values="M40,140 L40,100 10,100 C10,10 90,10 90,100 L60,100 60,140 M140,50 C70,180 195,180 190,100
  18         ;M140,40 L100,40 100,10 C10,10 10,90 100,90 L100,60 140,60 M50,140 C180,70 180,195 100,190;" dur="0.1s" fill="freeze"/>
  19 </path>
  20 </svg>