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.

html
<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>

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

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

SVG startOffset Attribut

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

SVGTextPathElement: startOffset Eigenschaft

In diesem Artikel

Wert

Beispiele

Zugriff auf die startOffset Eigenschaft

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN