Baseline Widely available
The getExtentOfChar()
method of the SVGTextContentElement
interface the represents computed tight bounding box of the glyph cell that corresponds to a given typographic character.
index
An integer
; the index of the character.
A DOMRect
object; the tight bounding box of the specified character.
IndexSizeError
DOMException
Thrown if no character is found at index
.
<svg width="300" height="100">
<text id="exampleText" x="10" y="50" font-size="16">Hello, SVG World!</text>
</svg>
const textElement = document.getElementById("exampleText");
// Get the extent (bounding box) of the character at index 0 (the first character)
const extent = textElement.getExtentOfChar(0);
// The bounding box of the first character
console.dir(extent); // Output: DOMRect { x: 10, y: 38, width: 11.55, height: 16 }
Specifications Browser compatibility See also
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4