From ff9ab355d75040d221645b4edbacee98c8b2f5f7 Mon Sep 17 00:00:00 2001
From: "2206069183@qq.com" <2206069183@qq.com>
Date: Mon, 13 May 2024 20:04:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9webp=E7=9A=84demo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: 2206069183@qq.com <2206069183@qq.com>
---
 CHANGELOG.md                                  |  1 +
 .../src/main/ets/pages/webpImageTestPage.ets  | 48 +++++++++++--------
 .../imageknife/ImageKnifeComponent.ets        |  1 -
 3 files changed, 29 insertions(+), 21 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index e88d38d..cc84a44 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,6 @@
 ## 2.2.0-rc.3
 - 修复错误图绘制完后变成占位图
+- 修改webp的demo
 
 ## 2.2.0-rc.2
 - ImageKnife支持下采样
diff --git a/entry/src/main/ets/pages/webpImageTestPage.ets b/entry/src/main/ets/pages/webpImageTestPage.ets
index fc79bf5..c4fc047 100644
--- a/entry/src/main/ets/pages/webpImageTestPage.ets
+++ b/entry/src/main/ets/pages/webpImageTestPage.ets
@@ -20,8 +20,17 @@ import { ImageKnifeOption,ScaleType } from '@ohos/libraryimageknife'
 struct webpImageTestPage {
   @State message: string = 'webp图片'
   @State options: ImageKnifeOption = {
-    loadSrc: $r('app.media.app_icon')
+    loadSrc: $r('app.media.webpSample'),
+    placeholderSrc:$r('app.media.icon_loading'),
+    mainScaleType:ScaleType.FIT_XY
   }
+  @State options1: ImageKnifeOption = {
+    loadSrc: $r('app.media.webpAtanta'),
+    placeholderSrc:$r('app.media.icon_loading'),
+    mainScaleType:ScaleType.FIT_XY
+  }
+  @State flag: boolean = false
+  @State flag1: boolean = false
 
   build() {
     Column() {
@@ -35,33 +44,32 @@ struct webpImageTestPage {
         Button("加载单帧webp")
           .margin(16)
           .onClick(() => {
-            console.log("加载单帧webp")
-            this.options = {
-              loadSrc: $r('app.media.webpSample'),
-              placeholderSrc:$r('app.media.icon_loading'),
-              mainScaleType:ScaleType.FIT_XY
-            }
+            this.flag = !this.flag
           })
+        if(this.flag) {
+          ImageKnifeComponent({ imageKnifeOption: this.options })
+            .margin(16)
+            .width(200)
+            .height(100)
+            .clip(true)
+            .borderRadius(50)
+        }
         Button("加载多帧webp")
           .margin(16)
           .onClick(() => {
-            console.log("加载多帧webp")
-            this.options = {
-              loadSrc: $r('app.media.webpAtanta'),
-              placeholderSrc:$r('app.media.icon_loading'),
-              mainScaleType:ScaleType.FIT_XY
-            }
+            this.flag1 = !this.flag1
           })
-        ImageKnifeComponent({ imageKnifeOption: this.options })
-          .margin(16)
-          .width(200)
-          .height(100)
-          .clip(true)
-          .borderRadius(50)
+        if(this.flag1) {
+          ImageKnifeComponent({ imageKnifeOption: this.options1 })
+            .margin(16)
+            .width(200)
+            .height(100)
+            .clip(true)
+            .borderRadius(50)
+        }
       }
       .width("100%")
       .height("100%")
-      .justifyContent(FlexAlign.Center)
     }
     .width("100%")
     .height("100%")
diff --git a/library/src/main/ets/components/imageknife/ImageKnifeComponent.ets b/library/src/main/ets/components/imageknife/ImageKnifeComponent.ets
index 7a31bc0..1c5f55f 100644
--- a/library/src/main/ets/components/imageknife/ImageKnifeComponent.ets
+++ b/library/src/main/ets/components/imageknife/ImageKnifeComponent.ets
@@ -270,7 +270,6 @@ export struct ImageKnifeComponent {
       for (let i = 0; i < this.imageKnifeOption.headerOption.length; i++) {
         let headerOptions = this.imageKnifeOption.headerOption[i];
         request.addHeader(headerOptions.key, headerOptions.value);
-        request.signature = new ObjectKey(new Date().getTime().toString())
       }
     }
     if( this.imageKnifeOption.priority != undefined) {