PerformanceElementTiming: naturalWidth property
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Thuộc tính chỉ đọc naturalWidth của giao diện PerformanceElementTiming trả về chiều rộng nội tại của phần tử hình ảnh.
Giá trị
Một số nguyên không dấu 32-bit (unsigned long) là chiều rộng nội tại của hình ảnh nếu áp dụng cho hình ảnh, 0 cho văn bản.
Ví dụ
Ghi lại naturalWidth
Trong ví dụ này, một phần tử <img> đang được quan sát bằng cách thêm thuộc tính elementtiming. Một PerformanceObserver được đăng ký để lấy tất cả các mục hiệu suất loại "element" và cờ buffered được dùng để truy cập dữ liệu từ trước khi trình quan sát được tạo. Tệp hình ảnh có chiều rộng 1000px và chiều cao 750px. Gọi entry.naturalWidth trả về 1000, đó là chiều rộng nội tại tính bằng pixel.
<img
src="image.jpg"
alt="a nice image"
elementtiming="big-image"
id="myImage" />
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
if (entry.identifier === "big-image") {
console.log(entry.naturalWidth);
}
});
});
observer.observe({ type: "element", buffered: true });
Thông số kỹ thuật
| Thông số kỹ thuật |
|---|
| Element Timing API # dom-performanceelementtiming-naturalwidth |