SVGAnimatedLength: baseVal property
The baseVal
property of the SVGAnimatedLength
interface contains the initial value of an SVG enumeration.
Value
A SVGLength
containing the initial value of the length.
Examples
html
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 100 100"
width="200"
height="200">
<circle cx="50" cy="50" r="20px" fill="gold" id="circle"></circle>
</svg>
<pre id="log"></pre>
js
const unit = [
"unknown",
"",
"%",
"em",
"ex",
"px",
"cm",
"mm",
"in",
"pt",
"pc",
];
const circle = document.getElementById("circle");
const log = document.getElementById("log");
const baseValue = circle.r.baseVal.value;
const baseUnit = unit[circle.r.baseVal.unitType];
log.textContent = `The 'circle.r.baseVal' is ${baseValue} (in ${baseUnit}).`;
Specifications
Specification |
---|
Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedEnumeration__baseVal |
Browser compatibility
BCD tables only load in the browser