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
インターフェイスは、子テキストコンテンツのレンダリングに対応している要素によって実装されています。これは、SVGTextElement
、SVGTSpanElement
、SVGTRefElement
、SVGTextPathElement
など、さまざまなテキスト関連のインターフェイスが継承しています。
定数
定数 | 値 | 説明 |
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 |