SVGAnimatedNumberList: 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 chỉ đọc baseVal của giao diện SVGAnimatedNumberList đại diện cho giá trị cơ sở (không hoạt hình) của một thuộc tính có thể hoạt hình chấp nhận danh sách các giá trị <number>.
Thuộc tính này phản ánh thuộc tính viewBox của phần tử <svg>, thuộc tính values của phần tử feColorMatrix và thuộc tính points của phần tử <rect>, <polygon>, hoặc <polyline> dưới dạng SVGNumberList chỉ đọc, cung cấp quyền truy cập vào danh sách tĩnh các điểm được xác định bởi thuộc tính points.
Giá trị
Một đối tượng SVGNumberList đại diện cho giá trị cơ sở của thuộc tính. Danh sách chứa một hoặc nhiều số tương ứng với các giá trị số riêng lẻ được chỉ định trong thuộc tính.
Ví dụ
const rect = document.querySelector("rect");
// Đặt thuộc tính 'points' có thể hoạt hình với các giá trị số
rect.setAttribute("points", "10,10 20,10 20,20 10,20");
// Truy cập đối tượng SVGAnimatedNumberList
const points = rect.points;
// Sửa đổi giá trị cơ sở
points.baseVal = [10, 15, 25, 30];
// Xác minh giá trị thuộc tính được phản chiếu
console.log(rect.getAttribute("points")); // Đầu ra: "10,15 25,30"
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Scalable Vector Graphics (SVG) 2 # __svg__SVGAnimatedNumberList__baseVal |