PerformanceElementTiming: naturalHeight 属性

可用性有限

此特性不是基线特性，因为它在一些最广泛使用的浏览器中不起作用。

实验性： 这是一项实验性技术
在生产中使用此技术之前，请仔细检查浏览器兼容性表格。

naturalHeight 是一个只读属性，属于 PerformanceElementTiming 接口，它返回图像元素的固有高度。

值

一个无符号 32 位整数（unsigned long），如果该属性应用于图像，则表示图像的固有高度；如果应用于文本，则为 0。

在此示例中，通过添加 elementtiming 属性来观察一个 <img> 元素。注册了一个 PerformanceObserver 来获取类型为 "element" 的所有性能条目，并使用 buffered 标志来访问观察者创建之前的数据。该图像文件的宽度为 1000 像素，高度为 750 像素。调用 entry.naturalHeight 返回 750，即以像素为单位的固有高度。

html

<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.naturalHeight);
    }
  });
});
observer.observe({ type: "element", buffered: true });