textPath-04.svg - mozsearch

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink">

  <title>Test effect on display:none on path</title>

  <defs>

<!--

    <path id="p" display="none" d="M100,100 h200"/>

-->

    <path id="p" d="M100,100 h200"/>

  </defs>

  <rect width="100%" height="100%" fill="lime"/>

  <!-- check if something displays, its displayed in the right place -->

  <text font-size="50" fill="red" transform="translate(0,100)">

      <textPath xlink:href="#p">abc</textPath>

  </text>

  <text x="100" y="200" font-size="50" stroke-width="4" fill="lime" stroke="lime">abc</text>

  <!-- check something displays -->

  <text x="200" y="200" font-size="50" fill="red">abc</text>

  <text font-size="50" stroke-width="4" stroke="lime" fill="lime" transform="translate(100,100)">

      <textPath xlink:href="#p">abc</textPath>

  </text>

</svg>