SVGTextPathElement: href プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

href は SVGTextPathElement インターフェイスの読み取り専用プロパティで、この <textPath> 要素の href 属性（または非推奨の xlink:href 属性）を反映します。

値

SVGAnimatedString オブジェクトです。

例

href プロパティにアクセス

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">
      このテキストはパスに沿います。
    </textPath>
  </text>
</svg>

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

// href プロパティにアクセス
console.log(textPath.href.baseVal); // 出力結果: "#myPath"

仕様書

Specification

Scalable Vector Graphics (SVG) 2
# __svg__SVGURIReference__href

ブラウザーの互換性

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 2026年4月30日 by MDN contributors.

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

SVGTextPathElement: href プロパティ

In this article

値

例

href プロパティにアクセス

仕様書

ブラウザーの互換性

関連情報

Help improve MDN