在html中加載之前獲取高度和寬度圖像

我有image.i的原點寬度和高度，想要根據原始圖像大小和div大小找出圖像在div中的縮放比例。例如圖像大小爲400 * 1120和DIV尺寸爲500 * 800.in這種情況下，是什麼在div.this裝載後的圖像尺寸圖像CSS代碼：在html中加載之前獲取高度和寬度圖像

img{ 
position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%); 
    max-height: 100%; 
    max-width: 100%; 
}

來源

2015-07-12 adib16

請更清楚地描述你的問題。 –

在加載圖像之前，我發送一個ajax並獲取圖像的原點高度和寬度。因此，我想在原圖像的寬度和高度上顯示圖像的縮略圖。當圖像尺寸大於div尺寸時，圖像根據div尺寸縮放。我想了解當圖像尺寸大於div尺寸時圖像如何縮放 – adib16

如果你正在嘗試是一個規模，以適應不扭曲的圖像，只需從圖像中移除位置，左邊，頂部和變換屬性並將它們應用到div容器。圖像只能將最大寬度和最大高度設置爲100％，並且可以工作。

#yourcontainer 
{ 
    position: absolute; 
    left: 50%; 
    top: 50%; 
    transform: translate(-50%, -50%); 
} 

img 
{ 
    max-height: 100%; 
    max-width: 100%; 
}

來源

2015-07-12 11:38:15

在html中加載之前獲取高度和寬度圖像

回答

相關問題