首頁 > web前端 > js教程 > 如何使用 JavaScript 取得圖像的寬度和高度?

如何使用 JavaScript 取得圖像的寬度和高度?

Patricia Arquette
發布: 2024-12-22 11:33:14
原創
777 人瀏覽過

How Can I Get an Image's Width and Height Using JavaScript?

使用 JavaScript 擷取圖片尺寸

您需要一種方法來決定網頁上圖片的尺寸嗎? JavaScript 為此任務提供了一個簡單的解決方案。

取得影像大小

要以程式設計方式取得影像尺寸,請使用下列JavaScript 程式碼:

在此片段中,建立了一個新的Image 物件。 onload 事件偵聽器被指派來在映像載入完成後處理。然後,偵聽器會擷取影像物件的寬度和高度屬性,它們代表影像的尺寸。

對於 DOM 影像

對於 DOM中已經存在的圖像,你可以直接存取它們的寬度和高度屬性:

注意事項

請記住,此方法要求在檢索其尺寸之前加載圖像。對於動態載入或不立即可見的圖像,您可能需要在存取其屬性之前確保它們已完全載入。

以上是如何使用 JavaScript 取得圖像的寬度和高度?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板