如何保持和extjs4应用图像的长宽比

Question

我在extjs4工作。我试图通过使用以下组件显示图像=

xtype : 'image', 
height : 600, 
width : 800, 
src :me.imageSrc 

其中，me.imageSrc是有图像路径。但是，如果图像的高度和宽度过大，有时图像会显示为模糊或展开。那么如何计算宽高比并将其应用于extjs4以正确显示图像。

Answer 1

为了得到你要听的图像元素的“加载”事件中加载图像的大小，在听者回调你有访问和高度。

下面是使魔码：

var img = imageCmp.imgEl 
img.on('load',function(){ 
    Ext.Msg.alert('IMG Size',img.getWidth()+'x'+img.getHeight()); 
}); 

这里有一个工作示例：

http://jsfiddle.net/crysfel/utUA2/

请确保您删除硬编码的宽度和高度;）