ExtJs,在Ext.Img中保持图像不被拉伸

Question

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

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

<img src=# />

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

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

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

Answer 1

所以我能够找到答案,我必须把它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
    }]