Question

我在setStyle Ext.getCmp('designPanel').body.setStyle('background-image','url(test.jpg)');中设置了区域（视口）中的图像现在图像看起来'瓷砖'现在我想在中心以原始尺寸或拉伸形式进行。我怎么能做到这一点。 extjs 4

Answer 1

可能在body上执行另一个setStyle（使用css属性）http://www.w3schools.com/css/css_background.asp

Answer 2

您不应该使用设置样式。您是否应该使用cls属性并使用背景图像和x和y重复的css属性定义css类？

Answer 3

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'
    })
});

不需要Ext.Img，它可以像使用css的组件一样轻松地显示/居中图像。使用什么并不重要真正的拉伸工作是由合身布局完成的。

http://docs.sencha.com/ext-js/4-0/#!/api/Ext.layout.container.Fit

Answer 4

你可以这样做：

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

}）;

我如何在viewport extjs 4区域中拟合图像？

4 个答案: