SVGTextPathElement: startOffset Eigenschaft

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die startOffset schreibgeschützte Eigenschaft der SVGTextPathElement Schnittstelle spiegelt die X-Komponente des startOffset Attributs des gegebenen <textPath> wider. Diese definiert einen Versatz vom Beginn des Pfads für die initiale aktuelle Textposition entlang des Pfads nach der Umwandlung des Pfads in das Koordinatensystem des <textPath> Elements.

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200">
  <defs>
    <path id="myPath" d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" />
  </defs>
  <text font-size="20" fill="blue">
    <textPath id="myTextPath" href="#myPath" startOffset="25%">
      This text follows a path!
    </textPath>
  </text>
</svg>

const textPath = document.getElementById("myTextPath");

// Access the startOffset property
console.log(textPath.startOffset.baseVal.valueAsString); // Output: "25%"