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 July 2015.

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

Enable JavaScript to view this browser compatibility table.

Help improve MDN

Was this page helpful to you?

Yes No

Learn how to contribute

This page was last modified on Jan 6, 2025 by MDN contributors.

View this page on GitHub • Report a problem with this content