SVGTextContentElement

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.

* Some parts of this feature may have varying levels of support.

SVGTextContentElement インターフェイスは、子テキストコンテンツのレンダリングに対応している要素によって実装されています。これは、SVGTextElementSVGTSpanElementSVGTRefElementSVGTextPathElement など、さまざまなテキスト関連のインターフェイスが継承しています。

EventTarget Node Element SVGElement SVGGraphicsElement SVGTextContentElement

定数

定数 説明
LENGTHADJUST_UNKNOWN 0 それ以外の値。
LENGTHADJUST_SPACING 1 spacing キーワード。
LENGTHADJUST_SPACINGANDGLYPHS 2 spacingAndGlyphs キーワード。

インスタンスプロパティ

このインターフェイスには、親である SVGGraphicsElement から継承したプロパティもあります。

SVGTextContentElement.textLength 読取専用

SVGAnimatedLength で、指定された要素の textLength 属性を反映します。

SVGTextContentElement.lengthAdjust 読取専用

SVGAnimatedEnumeration で、指定された要素の lengthAdjust 属性を反映します。数値型の値は、上記の定数値のいずれかを表します。

インスタンスメソッド

このインターフェイスには、親である SVGGraphicsElement から継承したメソッドもあります。

SVGTextContentElement.getNumberOfChars()

現在の要素内でレンダリングに利用できる表記可能な文字の総数を、レンダリングされるかどうかに関係なく、表す long 値を返します。

SVGTextContentElement.getComputedTextLength()

要素内のテキストの長さの計算値を表す float 値を返します。

SVGTextContentElement.getSubStringLength()

要素内のテキストの一部分の書式化されたテキストの進む距離を表す float 値を返します。このメソッドは、テキストの一部分のグリフの幅と、 CSS の letter-spacing および word-spacing プロパティによって挿入される追加の間隔のみを考慮します。 x 属性によって視覚的に調整された間隔は無視されます。

SVGTextContentElement.getStartPositionOfChar()

テキストのレイアウトが実行された後の組版文字の位置を表す DOMPoint を返します。

メモ: SVG 1.1 では、このメソッドは SVGPoint を返していました。

SVGTextContentElement.getEndPositionOfChar()

テキストのレイアウトが行われた後の組版文字の末尾の位置を表す DOMPoint を返します。

メモ: SVG 1.1 では、このメソッドは SVGPoint を返していました。

SVGTextContentElement.getExtentOfChar()

指定されたタイポグラフィ文字に対応するグリフセルの最小境界ボックスの計算値を表す DOMRect を返します。

SVGTextContentElement.getRotationOfChar()

組版文字の回転を表す float 文字を返します。

SVGTextContentElement.getCharNumAtPosition()

指定された座標位置にテキストグリフをレンダリングさせた文字を表す long 値を返します。文字とグリフの関係は一対一ではないため、関連するタイポグラフィ文字の最初の文字のみが返されます。

SVGTextContentElement.selectSubString() 非推奨;

要素内のテキストを選択します。

仕様書

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGTextContentElement

ブラウザーの互換性