<?xml version="1.0" encoding="UTF-8"?>

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

  <title>Komplexe Pfadsignaturen © svg.carto.net, Nicole Ueberschär + André M. Winter</title>

  <desc>  

    Mithilfe von zwei Rechtecken wird eine dreifarbige Linie dargestellt.

  </desc>

  <defs>

    <font>

      <font-face font-family="myFont" units-per-em="100" />

      <missing-glyph horiz-adv-x="100"/>

  <!-- DER HORIZONTALE VERSATZ horiz-adv-x MUSS ETWAS KLEINER ALS DIE EIGENTLICHE BREITE GEWÄHLT WERDEN, DAMIT AM RAND KEINE LÜCKEN ZU SEHEN SIND -->

      <glyph unicode="n" horiz-adv-x="8" >

        <rect id="myUpperRect" x="0" y="10" width="10" height="10" fill="blue" />

        <rect id="myLowerRect" x="0" y="-30" width="10" height="30" fill="red"/>

      </glyph>

    </font>

  </defs>

 

  <!-- GELBE GRUNDLINIE -->

  <path id="myPath" fill="none" stroke="yellow" stroke-width="12" d="M20,163.5c35,1,83-63,155-63s124,66,193,66s113.3-59,179.3-59"/>

 

  <!-- DER TEXT "n" WIRD AM VERHER DEFINIERTEN PFAD ORIENTIERT UND MIT DER SELBST DEFINIERTEN SCHRIFT DARGESTELLT -->

  <text font-family="myFont" font-size="20">

    <textPath xlink:href="#myPath" method="stretch">

      nnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn

    </textPath>

  </text>

 

</svg>