SVGTextPathElement: href property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

The href read-only property of the SVGTextPathElement interface reflects the href attribute (or the deprecated xlink:href attribute) of the given <textPath> element.

Value

An SVGAnimatedString object.

Examples

Accessing the href property

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">
      This text follows a path!
    </textPath>
  </text>
</svg>
js
const textPath = document.getElementById("myTextPath");

// Access the href property
console.log(textPath.href.baseVal); // Output: "#myPath"

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGURIReference__href

Browser compatibility

See also

  • SVG href attribute