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
    }]

Answer 2

是..设置maxHeight

的maxWidth和Ext.Img

文档here

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

2 个答案: