extjs - 我们可以在 sencha touch 中将转换后的 Base64 图像调整为自定义尺寸吗

Question

我已将图像转换为base64图像，该图像原始尺寸为高度:200和宽度:150。我需要将此图像大小转换为 height: 133 和 width: 100。我经历了 sencha io 图像调整大小的概念。它没有转换，而且一旦我将 sencha io 应用到 url，它就不会显示图像。谁能告诉我如何在sencha touch2样式中自定义转换后的base64图像的大小。

这是我的代码:在下面的代码中height: 133px; width: 100px; 已分配，但为此图像的某些部分即将到来。原始图像尺寸为 height: 200px;宽度:150px；。我需要将其自定义为 height: 133px;宽度:100px；

 .aboutclsT{
     background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAADICAYAAAAKhRhlAAAAGXRFWHRTb2Z0d2Fy......K5CYII') !important;
     background-repeat: no-repeat;
     height: 133px;
     width: 100px;
 }

SenchaIO图像代码:

background: url('http://src.sencha.io/100/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAADICAYAAAAKhRhlAAAAGXRFWHRTb2Z0d2Fy......K5CYII') !important;
     background-repeat: no-repeat;
     height: 133px;
     width: 100px;
 }

Answer 1

我已经解决了这个问题。我添加了 background-size: 100px 133px; 它工作正常。你们可以指定想要的高度和宽度。

*这是代码。*

.aboutclsT{
     background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAADICAYAAAAKhRhlAAAAGXRFWHRTb2Z0d2Fy......K5CYII'') !important;
     background-repeat: no-repeat;
     **background-size:100px 133px;**
     height: 133px;
     width: 100px;
 }