javascript - ExtJs，防止图像在 Ext.Img 中拉伸(stretch)

Question

我不确定这是否可以完成，但是在 ExtJS 中，在 Ext.Img 组件中是否可以防止图像拉伸(stretch)到组件的大小，而是让它保持它的比例？让它看起来不那么紧绷？

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

<img src=# />

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

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

然后图像被拉伸(stretch)了，有没有办法，假设 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
    }]