third_party/WebKit/LayoutTests/svg/custom/textPath-path-change-using-svg-dom.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 50 L 450 50" />
   3   <text x="50" y="100">This text should be ABOVE the other line.</text>
   4   <text>
   5     <textPath id="theTP" xlink:href="#thePath">This text should be BELOW the other line.</textPath>
   6   </text>
   7   <script><![CDATA[
   8     function runTest() {
   9       var path = document.getElementById("thePath");
  10       pathSegList = path.pathSegList;
  11       pathSegList.clear();
  12       pathSeg = path.createSVGPathSegMovetoAbs(50, 150);
  13       pathSegList.appendItem(pathSeg);
  14       pathSeg = path.createSVGPathSegLinetoAbs(450, 150);
  15       pathSegList.appendItem(pathSeg);
  16     }
  17   ]]></script>
  18 </svg>