SVGAnimatedLength: thuộc tính baseVal

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.

Thuộc tính baseVal của giao diện SVGAnimatedLength chứa giá trị ban đầu của một kiểu liệt kê SVG.

Giá trị

Một SVGLength chứa giá trị ban đầu của độ dài.

Ví dụ

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 = `'circle.r.baseVal' là ${baseValue} (trong ${baseUnit}).`;

Thông số kỹ thuật

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGAnimatedLength__baseVal

Tương thích trình duyệt

Xem thêm