third_party/WebKit/LayoutTests/svg/custom/textPath-path-change-pattern.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" onload="runTest()">
   2   <path id="thePath" d="M50 0 L 150 50" />
   3   <pattern id="pat" patternUnits="userSpaceOnUse" x="0" y="0" width="400" height="400">
   4     <text x="50" y="100">This text should be ABOVE the other line.</text>
   5     <text>
   6       <textPath id="theTP" xlink:href="#thePath">This text should be BELOW the other line.</textPath>
   7     </text>
   8   </pattern>
   9   <rect width="400" height="400" fill="url(#pat)" stroke="black" stroke-width="1"/>
  10   <script><![CDATA[
  11     function runTest() {
  12       var path = document.getElementById("thePath");
  13       path.setAttribute("d", "M50 150 L 450 150");
  14     }
  15   ]]></script>
  16 </svg>