我已經完成了一些簡單的代碼任務，我發現我可以通過 img.height 和 img.width 屬性獲取下載的 img 的高度和寬度，而無需將其附加到 DOM。這是跨瀏覽器嗎？找不到有關此行為的任何資訊。
uj5u.com熱心網友回復：
您可以使用naturalWidthandnaturalHeight來滿足該要求。它們分別代表影像的原始寬度和高度。
naturalWidth- 標簽中使用的影像的原始寬度。
width- 標簽的寬度屬性的值/默認值。
naturalHeight- 標簽中使用的影像的原始高度。
height- 標簽的 height 屬性的值/默認值。
例如：
let src = 'http://www.fillmurray.com/g/400/600';
let img = document.createElement('img');
img.onload = () => {
console.log(`naturalWidth = ${img.naturalWidth}`);
console.log(`naturalHeight = ${img.naturalHeight }`);
}
img.src = src;更多關于naturalHeight- https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/naturalHeight
更多關于naturalWidth- https://developer.mozilla.org/en-US/docs/Web/API/HTMLImageElement/naturalWidth
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/493184.html
標籤：javascript 图片 dom 下载 宽度
上一篇：如何在DOM中取消注釋行內腳本