Question

我已将图片转换为base64图片，此图片的原始尺寸为height: 200和width: 150。我需要将此图片尺寸转换为height: 133和width: 100。我经历了sencha io图像调整大小的概念。它不是转换，并且一旦我将sencha io应用于url它将不会显示图像。任何人都可以告诉我如何在sencha touch2样式中自定义转换后的base64图像的大小。

这是我的代码：，在下面的代码height: 133px; width: 100px;已分配，但为此，图像的某些部分即将到来。原始图片大小为height: 200px; width: 150px;。我需要将此自定义为height: 133px; width: 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;
 }

我们可以在sencha touch中将转换后的base64图像调整为自定义大小

1 个答案: