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

Answer 2

はい.. のmaxHeightとmaxWidthを設定しますExt.Img

Doc here