SVGTextPathElement: spacing 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.
Thespacing read-only property of theSVGTextPathElement interface reflects thespacing attribute of the given<textPath> element. It takes one of theTEXTPATH_SPACINGTYPE_* constants defined on this interface.
Value
AnSVGAnimatedEnumeration object.
Examples
Accessing thespacing property
html
<svg xmlns="http://www.w3.org/2000/svg" width="400" height="200"> <defs> <path d="M10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" /> </defs> <text font-size="20" fill="blue"> <textPath href="#myPath" spacing="auto"> This text follows a path! </textPath> </text></svg>js
const textPath = document.getElementById("myTextPath");// Access the spacing propertyconsole.log(textPath.spacing.baseVal); // Output: 1 (TEXTPATH_SPACINGTYPE_AUTO)Specifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGTextPathElement__spacing |