在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中加载之前获取高度和宽度图像

回答

相关问题