Question

我在extjs4工作。我试图通过使用以下component =

来显示图像

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

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

Answer 1

为了获得加载图像的大小，您需要收听＆＃34;加载＆＃34;在image元素上的事件，在侦听器回调中，您可以访问with和height。

这是制作魔法的代码：

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

这是一个有效的例子：

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