javascript – ExtJs,保持图像不会在Ext.Img中拉伸

我不确定是否可以这样做,但ExtJS中是否可以在Ext.Img组件中保持图像不会拉伸到组件的大小而是保持其比例？为了防止它看起来拉长？

让我试着通过研究这一点来澄清这一点,如果在HTML中我会做这样的事情

<img src=# />

图像没有改变,只是我需要它的大小,如果在ExtJs中我做了这样的事情

    xtype:'image',
    id: 'south_image',
    src: '#',
    region: 'south',
    width: 700,
    height: 200

然后图像被拉伸,有没有办法,假设Ext.Img比图像大,我如何让图像保持其自然大小,就像在HTML中一样？

解决方法:

所以我能够找到答案,我必须将Ext.Img放在Ext.container.Container中,大小将在容器内指定,而Ext.Img的大小将留空：

    xtype: 'container',
    region: 'south',
    width: 700,
    height: 200,
    autoScroll: true,
    items: [{
        xtype:'image',
        id: 'south_image',
        src: '#',
        region: 'south',
        autoScroll: true
    }]