3

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

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

<img src=# />

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

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

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

4

2 回答 2

8

所以我能够找到答案，我必须把 an 的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
    }]
于 2013-01-04T19:13:18.873 回答
2

是的.. 设置maxHeightandmaxWidth的Ext.Img

文档在这里

于 2013-01-03T20:21:08.157 回答