在JavaScript中，我們經常需要獲取圖片的大小。例如，一個網頁需要在圖片加載完成后才能確定容器的大小，或者需要根據圖片的大小來進行頁面布局。那么如何使用JavaScript獲取圖片的大小呢？
首先，我們可以使用Image對象來加載圖片，并且在圖片加載完成后獲取圖片的寬度和高度。如下所示：

var img = new Image();
img.onload = function() {
console.log("圖片寬度：" + this.width);
console.log("圖片高度：" + this.height);
}
img.src = "example.jpg";

在這個例子中，我們創建了一個Image對象，并且給它設置了onload函數。當圖片加載完成后，我們可以通過this.width和this.height來獲取圖片的寬度和高度。
另外，如果我們想要獲取一個已經加載顯示在頁面中的圖片的大小，我們可以通過DOM元素的width和height屬性來獲取。例如，我們有一個圖片元素如下所示：

<img id="example" src="example.jpg">

我們可以使用如下代碼獲取這個圖片元素的大小：

var img = document.getElementById("example");
console.log("圖片寬度：" + img.width);
console.log("圖片高度：" + img.height);

如果我們想獲取一個隱藏的圖片的大小，可以先將其顯示出來，然后獲取大小，再將其隱藏起來。例如：

var img = document.getElementById("example");
img.style.display = "block";  // 先將圖片顯示出來
console.log("圖片寬度：" + img.width);
console.log("圖片高度：" + img.height);
img.style.display = "none";   // 再將圖片隱藏起來

通過上述方法，我們可以輕松地獲取圖片的大小，從而進行頁面布局和其他操作。