Javascript 如何在视口extjs 4区域中拟合图像？

我从setStyle

Ext.getCmp（'designPanel'）.body.setStyle（'background-image'，'url（test.jpg'））在区域（视口）中设置图像现在图像看起来是“平铺”的，现在我想在中心以原始大小或拉伸形式进行。我怎么能做到这一点。extjs 4可能在主体上执行另一个设置样式（使用css属性）
您不应该使用设置样式。您是否应该使用cls属性并使用背景图像和css属性定义css类以进行x和y重复

Ext.create('Ext.panel.Panel', { //Ext.container.Container may be just as suitable
    id: 'designPanel',  //ids are almost never necessary 
    layout: 'fit',
    items: Ext.create('Ext.Img', {
        src: 'test.jpg'
    })
});

Img是不需要的，它可以很容易地使用一个带有css的组件来显示/居中图像。你使用什么并不重要，真正的拉伸工作是由fit布局完成的

您可以这样做：

Ext.create('Ext.panel.Panel', {
id: 'designPanel',
bodyStyle: "background: url('test.jpg') no-repeat right top;",//you can us right, left
...

}))