降采样案例修改

Signed-off-by: tsm <2418639820@qq.com>
This commit is contained in:
tsm 2024-06-11 15:19:54 +08:00
parent d6e3ebc253
commit fe80ce7a34
1 changed files with 58 additions and 58 deletions

View File

@ -131,16 +131,16 @@ struct Index {
this.transformSquare1(this.url); this.transformSquare1(this.url);
}); });
Button('gif') // Button('gif')
.onClick(() => { // .onClick(() => {
this.transformSquare1(this.url); // this.transformSquare1(this.url);
//
}); // });
Button('webp') // Button('webp')
.onClick(() => { // .onClick(() => {
this.transformSquare1(this.url); // this.transformSquare1(this.url);
//
}); // });
}.margin({ top: 20, bottom: 20 }) }.margin({ top: 20, bottom: 20 })
Text("原图字节大小:" + this.originalBytesNumber) Text("原图字节大小:" + this.originalBytesNumber)
@ -199,26 +199,26 @@ struct Index {
downsampling: new fitter() downsampling: new fitter()
} }
}); });
Button('gif') // Button('gif')
.onClick(() => { // .onClick(() => {
// this.transformSquare2(this.url); // // this.transformSquare2(this.url);
this.imageKnifeOption = { // this.imageKnifeOption = {
loadSrc: gifUrl, // loadSrc: gifUrl,
placeholderSrc: $r('app.media.icon_loading'), // placeholderSrc: $r('app.media.icon_loading'),
errorholderSrc: $r('app.media.icon_failed'), // errorholderSrc: $r('app.media.icon_failed'),
downsampling: new fitter() // downsampling: new fitter()
} // }
}); // });
Button('webp') // Button('webp')
.onClick(() => { // .onClick(() => {
// this.transformSquare2(this.url); // // this.transformSquare2(this.url);
this.imageKnifeOption = { // this.imageKnifeOption = {
loadSrc: webpUrl, // loadSrc: webpUrl,
placeholderSrc: $r('app.media.icon_loading'), // placeholderSrc: $r('app.media.icon_loading'),
errorholderSrc: $r('app.media.icon_failed'), // errorholderSrc: $r('app.media.icon_failed'),
downsampling: new fitter() // downsampling: new fitter()
} // }
}); // });
}.margin({ top: 20, bottom: 20 }) }.margin({ top: 20, bottom: 20 })
Text("降采样字节大小:" + this.bytesNumber) Text("降采样字节大小:" + this.bytesNumber)
@ -259,16 +259,16 @@ struct Index {
this.transformSquare1(jpgUrl); this.transformSquare1(jpgUrl);
}); });
Button('gif') // Button('gif')
.onClick(() => { // .onClick(() => {
this.transformSquare1(gifUrl); // this.transformSquare1(gifUrl);
//
}); // });
Button('webp') // Button('webp')
.onClick(() => { // .onClick(() => {
this.transformSquare1(webpUrl); // this.transformSquare1(webpUrl);
//
}); // });
}.margin({ top: 20, bottom: 20 }) }.margin({ top: 20, bottom: 20 })
Text("原图字节大小:" + this.originalBytesNumber) Text("原图字节大小:" + this.originalBytesNumber)
@ -323,24 +323,24 @@ struct Index {
errorholderSrc: $r('app.media.icon_failed'), errorholderSrc: $r('app.media.icon_failed'),
} }
}); });
Button('gif') // Button('gif')
.onClick(() => { // .onClick(() => {
// this.transformSquare2(gifUrl); // // this.transformSquare2(gifUrl);
this.imageKnifeOption = { // this.imageKnifeOption = {
loadSrc: gifUrl, // loadSrc: gifUrl,
placeholderSrc: $r('app.media.icon_loading'), // placeholderSrc: $r('app.media.icon_loading'),
errorholderSrc: $r('app.media.icon_failed'), // errorholderSrc: $r('app.media.icon_failed'),
} // }
}); // });
Button('webp') // Button('webp')
.onClick(() => { // .onClick(() => {
// this.transformSquare2(webpUrl); // // this.transformSquare2(webpUrl);
this.imageKnifeOption = { // this.imageKnifeOption = {
loadSrc: webpUrl, // loadSrc: webpUrl,
placeholderSrc: $r('app.media.icon_loading'), // placeholderSrc: $r('app.media.icon_loading'),
errorholderSrc: $r('app.media.icon_failed'), // errorholderSrc: $r('app.media.icon_failed'),
} // }
}); // });
}.margin({ top: 20, bottom: 20 }) }.margin({ top: 20, bottom: 20 })
Text("降采样字节大小:" + this.bytesNumber) Text("降采样字节大小:" + this.bytesNumber)