From d60369beba03d1582fcd84ed55af20a364e96b71 Mon Sep 17 00:00:00 2001
From: zhoulisheng <635547767@qq.com>
Date: Thu, 7 Apr 2022 11:46:10 +0800
Subject: [PATCH] 1.transform code optimization

Signed-off-by: zhoulisheng <635547767@qq.com>
---
 .../glide/transform/BlurTransformation.ets    |  10 +-
 .../BrightnessFilterTransformation.ets        |  67 ++---
 .../ContrastFilterTransformation.ets          |  68 ++---
 .../transform/CropCircleTransformation.ets    |  65 ++---
 .../CropCircleWithBorderTransformation.ets    | 100 ++-----
 .../transform/CropSquareTransformation.ets    |   8 +-
 .../glide/transform/CropTransformation.ets    |  10 +-
 .../transform/GrayscaleTransformation.ets     |  78 ++----
 .../transform/InvertFilterTransformation.ets  |  64 +----
 .../glide/transform/MaskTransformation.ets    | 110 ++++++++
 .../PixelationFilterTransformation.ets        |  10 +-
 .../transform/RotateImageTransformation.ets   |  10 +-
 .../RoundedCornersTransformation.ets          |  12 +-
 .../transform/SepiaFilterTransformation.ets   |  85 ++----
 .../transform/SketchFilterTransformation.ets  |  10 +-
 .../transform/SwirlFilterTransformation.ets   | 182 ++++++++++++
 .../glide/utils/CalculatePixelUtils.ets       |  93 +++---
 .../ets/MainAbility/glide/utils/FastBlur.ets  |  93 +++---
 .../ets/MainAbility/glide/utils/MaskUtils.ets | 130 +++++++++
 .../MainAbility/glide/utils/PixelUtils.ets    | 118 ++++----
 .../pages/TransformPixelMapPage.ets           | 264 ++++++++++++------
 .../resources/base/media/mask_starfish.png    | Bin 0 -> 7755 bytes
 22 files changed, 909 insertions(+), 678 deletions(-)
 create mode 100644 entry/src/main/ets/MainAbility/glide/transform/MaskTransformation.ets
 create mode 100644 entry/src/main/ets/MainAbility/glide/transform/SwirlFilterTransformation.ets
 create mode 100644 entry/src/main/ets/MainAbility/glide/utils/MaskUtils.ets
 create mode 100644 entry/src/main/resources/base/media/mask_starfish.png

diff --git a/entry/src/main/ets/MainAbility/glide/transform/BlurTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/BlurTransformation.ets
index 22337b5..f8bf166 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/BlurTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/BlurTransformation.ets
@@ -13,11 +13,11 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
-import {TransformUtils} from "../transform/TransformUtils"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
+import {TransformUtils} from "../transform/TransformUtils.ets"
 import image from "@ohos.multimedia.image"
 import {fastBlur} from "../utils/FastBlur"
 
diff --git a/entry/src/main/ets/MainAbility/glide/transform/BrightnessFilterTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/BrightnessFilterTransformation.ets
index 3c8d9a5..747965c 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/BrightnessFilterTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/BrightnessFilterTransformation.ets
@@ -13,11 +13,10 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
-import {TransformUtils} from "../transform/TransformUtils"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
 import image from "@ohos.multimedia.image"
 
 
@@ -74,58 +73,24 @@ export class BrightnessFilterTransformation implements BaseTransform<PixelMap> {
       }
     }
     let data = await imageSource.createPixelMap(options);
-    let readPromise;
-    let writePromise;
 
-    for (let w = 0;w <= targetWidth; w++) {
-      for (let h = 0;h <= targetHeight; h++) {
-        var buffer = new ArrayBuffer(5);
+    let bufferData = new ArrayBuffer(data.getPixelBytesNumber());
+    await data.readPixelsToBuffer(bufferData);
 
-        readPromise = new Promise<void>((resolve, reject) => {
-          var positionRen = {
-            pixels: buffer,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          data.readPixels(positionRen, () => {
-            resolve();
-          });
-        });
-        await readPromise;
+    var dataArray = new Uint8Array(bufferData);
 
-
-        writePromise = new Promise<void>((resolve, reject) => {
-          var bytes = new Uint8Array(buffer);
-          var buffer1B = new ArrayBuffer(5);
-          var bytes1B = new Uint8Array(buffer1B);
-          var writePositionRenB = {
-            pixels: buffer1B,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          bytes1B[0] = bytes[0];
-          bytes1B[1] = this.checkVisAble(bytes[1] * this._mBrightness + bytes[1]);
-          bytes1B[2] = this.checkVisAble(bytes[2] * this._mBrightness + bytes[2]);
-          bytes1B[3] = this.checkVisAble(bytes[3] * this._mBrightness + bytes[3]);
-          bytes1B[4] = bytes[4];
-          data.writePixels(writePositionRenB, () => {
-            resolve();
-          });
-        })
-        await writePromise;
-      }
+    for (let index = 0; index < dataArray.length; index += 4) {
+      dataArray[index] = this.checkVisAble(dataArray[index] * this._mBrightness + dataArray[index]);
+      dataArray[index+1] = this.checkVisAble(dataArray[index+1] * this._mBrightness + dataArray[index+1]);
+      dataArray[index+2] = this.checkVisAble(dataArray[index+2] * this._mBrightness + dataArray[index+2]);
+      dataArray[index+3] = this.checkVisAble(dataArray[index+3] * this._mBrightness + dataArray[index+3]);
     }
 
-    func("", data);
+    await data.writeBufferToPixels(bufferData);
 
+    if (func) {
+      func("", data);
+    }
   }
 
   private checkVisAble(input: number) {
diff --git a/entry/src/main/ets/MainAbility/glide/transform/ContrastFilterTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/ContrastFilterTransformation.ets
index acf3b77..be60894 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/ContrastFilterTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/ContrastFilterTransformation.ets
@@ -13,10 +13,10 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
 import image from "@ohos.multimedia.image"
 
 
@@ -86,58 +86,24 @@ export class ContrastFilterTransformation implements BaseTransform<PixelMap> {
     }
 
     let data = await imageSource.createPixelMap(options);
-    let readPromise;
-    let writePromise;
 
-    for (let w = 0;w <= targetWidth; w++) {
-      for (let h = 0;h <= targetHeight; h++) {
-        var buffer = new ArrayBuffer(5);
-        readPromise = new Promise<void>((resolve, reject) => {
-          var positionRen = {
-            pixels: buffer,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          data.readPixels(positionRen, () => {
-            resolve();
-          });
-        });
-        await readPromise;
+    let bufferData = new ArrayBuffer(data.getPixelBytesNumber());
+    await data.readPixelsToBuffer(bufferData);
 
-        writePromise = new Promise<void>((resolve, reject) => {
-          var bytes = new Uint8Array(buffer);
-          var buffer1B = new ArrayBuffer(5);
-          var bytes1B = new Uint8Array(buffer1B);
-          var writePositionRenB = {
-            pixels: buffer1B,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          let brightness = 0; //亮度的偏移量，可以默认0
+    var dataArray = new Uint8Array(bufferData);
 
-          bytes1B[0] = bytes[0];
-          bytes1B[1] = this.checkVisAble((bytes[1] - 127) * this._mContrast + brightness + 127);
-          bytes1B[2] = this.checkVisAble((bytes[2] - 127) * this._mContrast + brightness + 127);
-          bytes1B[3] = this.checkVisAble((bytes[3] - 127) * this._mContrast + brightness + 127);
-          bytes1B[4] = bytes[4];
-          data.writePixels(writePositionRenB, () => {
-            resolve();
-          });
-        })
-        await writePromise;
-      }
+    let brightness = 0; //亮度的偏移量，可以默认0
+    for (let index = 0; index < dataArray.length; index += 4) {
+      dataArray[index] = this.checkVisAble((dataArray[index] - 127) * this._mContrast + brightness + 127);
+      dataArray[index+1] = this.checkVisAble((dataArray[index+1] - 127) * this._mContrast + brightness + 127);
+      dataArray[index+2] = this.checkVisAble((dataArray[index+2] - 127) * this._mContrast + brightness + 127);
+      dataArray[index+3] = this.checkVisAble((dataArray[index+3] - 127) * this._mContrast + brightness + 127);
     }
 
-    func("", data);
-
+    await data.writeBufferToPixels(bufferData);
+    if (func) {
+      func("", data);
+    }
   }
 
   private checkVisAble(input: number) {
diff --git a/entry/src/main/ets/MainAbility/glide/transform/CropCircleTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/CropCircleTransformation.ets
index 4e05865..1c3e8e8 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/CropCircleTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/CropCircleTransformation.ets
@@ -13,12 +13,11 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
-import {TransformUtils} from "../transform/TransformUtils"
-
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
+import {TransformUtils} from "../transform/TransformUtils.ets"
 import image from "@ohos.multimedia.image"
 
 export class CropCircleTransformation implements BaseTransform<PixelMap> {
@@ -26,7 +25,6 @@ export class CropCircleTransformation implements BaseTransform<PixelMap> {
   private mCenterX: number= 0;
   private mCenterY: number= 0;
   private mRadius: number= 0;
-  private mTransform_pixelMap: any;
 
   getName() {
     return CropCircleTransformation.TAG + ";mCenterX:" + this.mCenterX
@@ -76,19 +74,18 @@ export class CropCircleTransformation implements BaseTransform<PixelMap> {
     }
     imageSource.createPixelMap(options)
       .then(p => {
-      this.transformCircle(p, func);
-    })
+        this.transformCircle(p, func);
+      })
       .catch(e => {
-      console.error(Constants.PROJECT_TAG + CropCircleTransformation.TAG + " transform e:" + e);
-      if (func) {
-        func(Constants.PROJECT_TAG + CropCircleTransformation.TAG + "e" + e, null);
-      }
-    })
+        console.error(Constants.PROJECT_TAG + CropCircleTransformation.TAG + " transform e:" + e);
+        if (func) {
+          func(Constants.PROJECT_TAG + CropCircleTransformation.TAG + "e" + e, null);
+        }
+      })
   }
 
-  private async transformCircle(p: PixelMap, func?: AsyncTransform<PixelMap>) {
-    this.mTransform_pixelMap = p;
-    let imageInfo = await this.mTransform_pixelMap.getImageInfo();
+  private async transformCircle(data: any, func?: AsyncTransform<PixelMap>) {
+    let imageInfo = await data.getImageInfo();
     let size = {
       width: imageInfo.size.width,
       height: imageInfo.size.height
@@ -109,37 +106,27 @@ export class CropCircleTransformation implements BaseTransform<PixelMap> {
     this.mCenterX = width / 2;
     this.mCenterY = height / 2;
 
-    let writePromise;
+    let bufferData = new ArrayBuffer(data.getPixelBytesNumber());
+    await data.readPixelsToBuffer(bufferData);
+
+    var dataArray = new Uint8Array(bufferData);
 
     for (var h = 0;h <= height; h++) {
       for (var w = 0;w <= width; w++) {
         if (this.isContainsCircle(w, h)) {
           continue;
         }
-        writePromise = new Promise<void>((resolve, reject) => {
-          var buffer1 = new ArrayBuffer(5);
-          var bytes1 = new Uint8Array(buffer1);
-          var writePositionRenB = {
-            pixels: buffer1,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          for (let j = 0;j < 5; j++) {
-            bytes1[j] = 0;
-          }
-          this.mTransform_pixelMap.writePixels(writePositionRenB, () => {
-            resolve();
-          });
-        })
-        await writePromise;
+        //针对的点
+        let index = (h * width + w) * 4;
+        dataArray[index] = 0;
+        dataArray[index+1] = 0;
+        dataArray[index+2] = 0;
+        dataArray[index+3] = 0;
       }
     }
+    await data.writeBufferToPixels(bufferData);
     if (func) {
-      func("", this.mTransform_pixelMap);
+      func("", data);
     }
   }
 
diff --git a/entry/src/main/ets/MainAbility/glide/transform/CropCircleWithBorderTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/CropCircleWithBorderTransformation.ets
index 20541eb..d6b0316 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/CropCircleWithBorderTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/CropCircleWithBorderTransformation.ets
@@ -13,16 +13,15 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
-import {TransformUtils} from "../transform/TransformUtils"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
+import {TransformUtils} from "../transform/TransformUtils.ets"
 import image from "@ohos.multimedia.image"
 
 export class CropCircleWithBorderTransformation implements BaseTransform<PixelMap> {
   private static TAG: string= "CropCircleTransformation";
-  private mTransform_pixelMap: any;
   private mBorderSize: number= 5;
   private mCenterX: number= 0;
   private mCenterY: number= 0;
@@ -104,8 +103,7 @@ export class CropCircleWithBorderTransformation implements BaseTransform<PixelMa
       })
   }
 
-  private async transformPixelMap(pixelMap: PixelMap, width: number, height: number, func?: AsyncTransform<PixelMap>) {
-    this.mTransform_pixelMap = pixelMap;
+  private async transformPixelMap(pixelMap: any, width: number, height: number, func?: AsyncTransform<PixelMap>) {
     this.mRadius = 0;
     if (width > height) {
       this.mRadius = height / 2;
@@ -114,8 +112,13 @@ export class CropCircleWithBorderTransformation implements BaseTransform<PixelMa
     }
     this.mCenterX = width / 2;
     this.mCenterY = height / 2;
-    let readPromise;
-    let writePromise;
+
+
+    let bufferData = new ArrayBuffer(pixelMap.getPixelBytesNumber());
+    await pixelMap.readPixelsToBuffer(bufferData);
+
+    var dataArray = new Uint8Array(bufferData);
+
     for (let h = 0;h <= height; h++) {
       for (let w = 0;w <= width; w++) {
         //不在大圆之内的设置透明
@@ -127,80 +130,25 @@ export class CropCircleWithBorderTransformation implements BaseTransform<PixelMa
           continue;
         }
 
+        let index = (h * width + w) * 4;
         if (!isBigCircle) {
           //设置透明
-          writePromise = new Promise<void>((resolve, reject) => {
-            var buffer1B = new ArrayBuffer(5);
-            var bytes1B = new Uint8Array(buffer1B);
-            var writePositionRenB = {
-              pixels: buffer1B,
-              offset: 1,
-              stride: 1024,
-              region: { size: { width: 1, height: 1 },
-                x: w,
-                y: h
-              }
-            }
-            for (let j = 0;j < 5; j++) {
-              bytes1B[j] = 0;
-            }
-            this.mTransform_pixelMap.writePixels(writePositionRenB, () => {
-              resolve();
-            });
-          })
-          await writePromise;
+          dataArray[index] = 0;
+          dataArray[index+1] = 0;
+          dataArray[index+2] = 0;
+          dataArray[index+3] = 0;
         } else {
           //设置broke
-          var buffer = new ArrayBuffer(5);
-          readPromise = new Promise<void>((resolve, reject) => {
-            var positionRen = {
-              pixels: buffer,
-              offset: 1,
-              stride: 1024,
-              region: { size: { width: 1, height: 1 },
-                x: w,
-                y: h
-              }
-            }
-            this.mTransform_pixelMap.readPixels(positionRen, () => {
-              resolve();
-            });
-          });
-          await readPromise;
-          writePromise = new Promise<void>((resolve, reject) => {
-            var bytes = new Uint8Array(buffer);
-            var buffer1 = new ArrayBuffer(5);
-            var bytes1 = new Uint8Array(buffer1);
-            var writePositionRen = {
-              pixels: buffer1,
-              offset: 1,
-              stride: 1024,
-              region: { size: { width: 1, height: 1 },
-                x: w,
-                y: h
-              }
-            }
-            for (let j = 0;j < 5; j++) {
-              if (j == 1 && this.mBColor > 0) {
-                bytes1[j] = this.mBColor;
-              } else if (j == 2 && this.mGColor > 0) {
-                bytes1[j] = this.mGColor;
-              } else if (j == 3 && this.mRColor > 0) {
-                bytes1[j] = this.mRColor;
-              } else {
-                bytes1[j] = bytes[j];
-              }
-            }
-            this.mTransform_pixelMap.writePixels(writePositionRen, () => {
-              resolve();
-            });
-          })
-          await writePromise;
+          dataArray[index] = this.mRColor;
+          dataArray[index+1] = this.mGColor;
+          dataArray[index+2] = this.mBColor;
         }
       }
     }
+
+    await pixelMap.writeBufferToPixels(bufferData);
     if (func) {
-      func("", this.mTransform_pixelMap);
+      func("", pixelMap);
     }
   }
 
diff --git a/entry/src/main/ets/MainAbility/glide/transform/CropSquareTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/CropSquareTransformation.ets
index bf6fcdf..d743ced 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/CropSquareTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/CropSquareTransformation.ets
@@ -13,10 +13,10 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
 
 import image from "@ohos.multimedia.image"
 
diff --git a/entry/src/main/ets/MainAbility/glide/transform/CropTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/CropTransformation.ets
index 4a4bffa..0c5691a 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/CropTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/CropTransformation.ets
@@ -13,11 +13,11 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
-import {TransformUtils} from "../transform/TransformUtils"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
+import {TransformUtils} from "../transform/TransformUtils.ets"
 
 import image from "@ohos.multimedia.image"
 
diff --git a/entry/src/main/ets/MainAbility/glide/transform/GrayscaleTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/GrayscaleTransformation.ets
index e31885a..64108a0 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/GrayscaleTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/GrayscaleTransformation.ets
@@ -13,11 +13,11 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
-import {TransformUtils} from "../transform/TransformUtils"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
+import {TransformUtils} from "../transform/TransformUtils.ets"
 import image from "@ohos.multimedia.image"
 
 export class GrayscaleTransformation implements BaseTransform<PixelMap> {
@@ -25,7 +25,6 @@ export class GrayscaleTransformation implements BaseTransform<PixelMap> {
     return "GrayscaleTransformation:" + this;
   }
 
-
   async transform(buf: ArrayBuffer, request: RequestOption, func?: AsyncTransform<PixelMap>) {
     if (!buf || buf.byteLength <= 0) {
       console.log(Constants.PROJECT_TAG + ";GrayscaleTransformation buf is empty");
@@ -65,53 +64,30 @@ export class GrayscaleTransformation implements BaseTransform<PixelMap> {
       }
     }
     let data = await imageSource.createPixelMap(options);
-    let readPromise;
-    let writePromise;
-    for (let w = 0;w <= targetWidth; w++) {
-      for (let h = 0;h <= targetHeight; h++) {
-        var buffer = new ArrayBuffer(5);
-        readPromise = new Promise<void>((resolve, reject) => {
-          var positionRen = {
-            pixels: buffer,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          data.readPixels(positionRen, () => {
-            resolve();
-          });
-        });
-        await readPromise;
 
-        writePromise = new Promise<void>((resolve, reject) => {
-          var bytes = new Uint8Array(buffer);
-          var buffer1B = new ArrayBuffer(5);
-          var bytes1B = new Uint8Array(buffer1B);
-          var writePositionRenB = {
-            pixels: buffer1B,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          bytes1B[0] = bytes[0];
-          bytes1B[1] = this.grayscale(bytes[3], bytes[2], bytes[1]);
-          bytes1B[2] = this.grayscale(bytes[3], bytes[2], bytes[1]);
-          bytes1B[3] = this.grayscale(bytes[3], bytes[2], bytes[1]);
-          bytes1B[4] = bytes[4];
-          data.writePixels(writePositionRenB, () => {
-            resolve();
-          });
-        })
-        await writePromise;
-      }
+    let bufferData = new ArrayBuffer(data.getPixelBytesNumber());
+    let bufferNewData = new ArrayBuffer(data.getPixelBytesNumber());
+    await data.readPixelsToBuffer(bufferData);
+
+    var dataArray = new Uint8Array(bufferData);
+    var dataNewArray = new Uint8Array(bufferNewData);
+
+    for (let index = 0; index < dataArray.length; index += 4) {
+      const r = dataArray[index];
+      const g = dataArray[index+1];
+      const b = dataArray[index+2];
+      const f = dataArray[index+3];
+      //b g r
+      dataNewArray[index] = this.grayscale(r, g, b);
+      dataNewArray[index+1] = this.grayscale(r, g, b);
+      dataNewArray[index+2] = this.grayscale(r, g, b);
+      dataNewArray[index+3] = f;
+    }
+
+    await data.writeBufferToPixels(bufferNewData);
+    if (func) {
+      func('', data);
     }
-    func('',data);
   }
 
   /**
diff --git a/entry/src/main/ets/MainAbility/glide/transform/InvertFilterTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/InvertFilterTransformation.ets
index 7585c8d..efad02c 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/InvertFilterTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/InvertFilterTransformation.ets
@@ -13,10 +13,10 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
 import image from "@ohos.multimedia.image"
 
 /**
@@ -73,55 +73,21 @@ export class InvertFilterTransformation implements BaseTransform<PixelMap> {
     }
 
     let data = await imageSource.createPixelMap(options);
-    let readPromise;
-    let writePromise;
 
-    for (let w = 0;w <= targetWidth; w++) {
-      for (let h = 0;h <= targetHeight; h++) {
-        var buffer = new ArrayBuffer(5);
-        readPromise = new Promise<void>((resolve, reject) => {
-          var positionRen = {
-            pixels: buffer,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          data.readPixels(positionRen, () => {
-            resolve();
-          });
-        });
-        await readPromise;
+    let bufferData = new ArrayBuffer(data.getPixelBytesNumber());
+    await data.readPixelsToBuffer(bufferData);
 
-        writePromise = new Promise<void>((resolve, reject) => {
-          var bytes = new Uint8Array(buffer);
+    var dataArray = new Uint8Array(bufferData);
 
-          var buffer1B = new ArrayBuffer(5);
-          var bytes1B = new Uint8Array(buffer1B);
-          var writePositionRenB = {
-            pixels: buffer1B,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          bytes1B[0] = bytes[0];
-          bytes1B[1] = this.checkVisAble(255 - bytes[1]);
-          bytes1B[2] = this.checkVisAble(255 - bytes[2]);
-          bytes1B[3] = this.checkVisAble(255 - bytes[3]);
-          bytes1B[4] = bytes[4];
-          data.writePixels(writePositionRenB, () => {
-            resolve();
-          });
-        })
-        await writePromise;
-      }
+    for (let index = 0; index < dataArray.length; index += 4) {
+      dataArray[index] = this.checkVisAble(255 - dataArray[index]);
+      dataArray[index+1] = this.checkVisAble(255 - dataArray[index+1]);
+      dataArray[index+2] = this.checkVisAble(255 - dataArray[index+2]);
+    }
+    await data.writeBufferToPixels(bufferData);
+    if (func) {
+      func('', data);
     }
-    func("", data);
   }
 
   private checkVisAble(input: number) {
diff --git a/entry/src/main/ets/MainAbility/glide/transform/MaskTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/MaskTransformation.ets
new file mode 100644
index 0000000..1e1e0de
--- /dev/null
+++ b/entry/src/main/ets/MainAbility/glide/transform/MaskTransformation.ets
@@ -0,0 +1,110 @@
+/*
+ * Copyright (C) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
+import {MaskUtils} from "../utils/MaskUtils.ets"
+import image from "@ohos.multimedia.image"
+import resmgr from "@ohos.resourceManager"
+
+export class MaskTransformation implements BaseTransform<PixelMap> {
+  private _mResourceData: Resource;
+
+  constructor(maskBitmap: Resource) {
+    this._mResourceData = maskBitmap;
+  }
+
+  getName() {
+    return "MaskTransformation:" + this._mResourceData;
+  }
+
+  async transform(buf: ArrayBuffer, request: RequestOption, func?: AsyncTransform<PixelMap>) {
+    if (!buf || buf.byteLength <= 0) {
+      console.log(Constants.PROJECT_TAG + ";MaskTransformation buf is empty");
+      if (func) {
+        func(Constants.PROJECT_TAG + ";MaskTransformation buf is empty", null);
+      }
+      return;
+    }
+    var imageSource = image.createImageSource(buf as any);
+
+    let imageInfo = await imageSource.getImageInfo();
+    let size = {
+      width: imageInfo.size.width,
+      height: imageInfo.size.height
+    }
+
+    if (!size) {
+      func(new Error("MaskTransformation The image size does not exist."), null)
+      return;
+    }
+    var pixelMapWidth = size.width;
+    var pixelMapHeight = size.height;
+    var targetWidth = request.size.width;
+    var targetHeight = request.size.height;
+    if (pixelMapWidth < targetWidth) {
+      targetWidth = pixelMapWidth;
+    }
+    if (pixelMapHeight < targetHeight) {
+      targetHeight = pixelMapHeight;
+    }
+
+    var options = {
+      editable: true,
+      desiredSize: {
+        width: targetWidth,
+        height: targetHeight
+      }
+    }
+    imageSource.createPixelMap(options)
+      .then(data => {
+        this.openInternal(data, targetWidth, targetHeight, func)
+      })
+      .catch(e => {
+        func(e, null);
+      })
+  }
+
+  private openInternal(bitmap: any, width: number, height: number, func: AsyncTransform<PixelMap>) {
+    if (!this._mResourceData) {
+      throw new Error("MaskTransformation resource is empty");
+    }
+    resmgr.getResourceManager()
+      .then(result => {
+        result.getMedia(this._mResourceData
+        .id)
+          .then(array => {
+            let buffer = array.buffer.slice(array.byteOffset, array.byteLength + array.byteOffset);
+            var imageSource = image.createImageSource(buffer as any);
+            var options = {
+              editable: true,
+              desiredSize: {
+                width: width,
+                height: height
+              }
+            }
+            imageSource.createPixelMap(options)
+              .then(maskBitmap => {
+                MaskUtils.mask(bitmap, maskBitmap, func)
+              })
+          })
+          .catch(err => {
+            func("MaskTransformation openInternal error" + err, null);
+          })
+      })
+  }
+}
\ No newline at end of file
diff --git a/entry/src/main/ets/MainAbility/glide/transform/PixelationFilterTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/PixelationFilterTransformation.ets
index db482d3..1bd04fa 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/PixelationFilterTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/PixelationFilterTransformation.ets
@@ -13,11 +13,11 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
-import {TransformUtils} from "../transform/TransformUtils"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
+import {TransformUtils} from "../transform/TransformUtils.ets"
 import image from "@ohos.multimedia.image"
 import {pixelUtils} from "../utils/PixelUtils"
 
diff --git a/entry/src/main/ets/MainAbility/glide/transform/RotateImageTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/RotateImageTransformation.ets
index 0f53c92..c297854 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/RotateImageTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/RotateImageTransformation.ets
@@ -12,11 +12,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
-import {TransformUtils} from "../transform/TransformUtils"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
+import {TransformUtils} from "../transform/TransformUtils.ets"
 
 import image from "@ohos.multimedia.image"
 
diff --git a/entry/src/main/ets/MainAbility/glide/transform/RoundedCornersTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/RoundedCornersTransformation.ets
index e7c36c7..d183728 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/RoundedCornersTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/RoundedCornersTransformation.ets
@@ -12,12 +12,12 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {ArcPoint} from "../entry/ArcPoint"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
-import {TransformUtils} from "../transform/TransformUtils"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {ArcPoint} from "../entry/ArcPoint.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
+import {TransformUtils} from "../transform/TransformUtils.ets"
 
 import image from "@ohos.multimedia.image"
 
diff --git a/entry/src/main/ets/MainAbility/glide/transform/SepiaFilterTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/SepiaFilterTransformation.ets
index 7492726..c5c16dd 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/SepiaFilterTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/SepiaFilterTransformation.ets
@@ -13,10 +13,10 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from "../transform/BaseTransform"
-import {AsyncTransform} from "../transform/AsyncTransform"
-import {Constants} from "../constants/Constants"
-import {RequestOption}  from "../../glide/RequestOption"
+import {BaseTransform} from "../transform/BaseTransform.ets"
+import {AsyncTransform} from "../transform/AsyncTransform.ets"
+import {Constants} from "../constants/Constants.ets"
+import {RequestOption}  from "../../glide/RequestOption.ets"
 import image from "@ohos.multimedia.image"
 
 /**
@@ -69,61 +69,36 @@ export class SepiaFilterTransformation implements BaseTransform<PixelMap> {
       }
     }
     let data = await imageSource.createPixelMap(options);
-    let readPromise;
-    let writePromise;
-    for (let w = 0;w <= targetWidth; w++) {
-      for (let h = 0;h <= targetHeight; h++) {
-        var buffer = new ArrayBuffer(5);
-        readPromise = new Promise<void>((resolve, reject) => {
-          var positionRen = {
-            pixels: buffer,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          data.readPixels(positionRen, () => {
-            resolve();
-          });
-        });
-        await readPromise;
 
-        writePromise = new Promise<void>((resolve, reject) => {
-          var bytes = new Uint8Array(buffer);
-          var buffer1B = new ArrayBuffer(5);
-          var bytes1B = new Uint8Array(buffer1B);
+    let bufferData = new ArrayBuffer(data.getPixelBytesNumber());
+    let bufferNewData = new ArrayBuffer(data.getPixelBytesNumber());
+    await data.readPixelsToBuffer(bufferData);
 
-          var writePositionRenB = {
-            pixels: buffer1B,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          bytes1B[0] = bytes[0];
-          bytes1B[1] = this.checkVisAble(this.colorBlend(this.noise()
-            , (bytes[3] * 0.272) + (bytes[2] * 0.534) + (bytes[1] * 0.131)
-            , bytes[1]));
-          bytes1B[2] = this.checkVisAble(this.colorBlend(this.noise()
-            , (bytes[3] * 0.349) + (bytes[2] * 0.686) + (bytes[1] * 0.168)
-            , bytes[2]));
-          bytes1B[3] = this.checkVisAble(this.colorBlend(this.noise()
-            , (bytes[3] * 0.393) + (bytes[2] * 0.769) + (bytes[1] * 0.189)
-            , bytes[3]));
-          bytes1B[4] = bytes[4];
+    var dataArray = new Uint8Array(bufferData);
+    var dataNewArray = new Uint8Array(bufferNewData);
 
-          data.writePixels(writePositionRenB, () => {
-            resolve();
-          });
-        })
-        await writePromise;
-      }
+    for (let index = 0; index < dataArray.length; index += 4) {
+      const r = dataArray[index];
+      const g = dataArray[index+1];
+      const b = dataArray[index+2];
+      const f = dataArray[index+3];
+
+      dataNewArray[index+2] = this.checkVisAble(this.colorBlend(this.noise()
+        , (r * 0.272) + (g * 0.534) + (b * 0.131)
+        , b));
+      dataNewArray[index+1] = this.checkVisAble(this.colorBlend(this.noise()
+        , (r * 0.349) + (g * 0.686) + (b * 0.168)
+        , g));
+      dataNewArray[index] = this.checkVisAble(this.colorBlend(this.noise()
+        , (r * 0.393) + (g * 0.769) + (b * 0.189)
+        , r));
+      dataNewArray[index+3] = f;
+    }
+
+    await data.writeBufferToPixels(bufferNewData);
+    if (func) {
+      func("", data);
     }
-    func("", data);
   }
 
   private checkVisAble(input: number) {
diff --git a/entry/src/main/ets/MainAbility/glide/transform/SketchFilterTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/SketchFilterTransformation.ets
index 824ce93..c561638 100644
--- a/entry/src/main/ets/MainAbility/glide/transform/SketchFilterTransformation.ets
+++ b/entry/src/main/ets/MainAbility/glide/transform/SketchFilterTransformation.ets
@@ -13,11 +13,11 @@
  * limitations under the License.
  */
 
-import {BaseTransform} from '../transform/BaseTransform'
-import {AsyncTransform} from '../transform/AsyncTransform'
-import {Constants} from '../constants/Constants'
-import {RequestOption}  from '../../glide/RequestOption'
-import {TransformUtils} from '../transform/TransformUtils'
+import {BaseTransform} from '../transform/BaseTransform.ets'
+import {AsyncTransform} from '../transform/AsyncTransform.ets'
+import {Constants} from '../constants/Constants.ets'
+import {RequestOption}  from '../../glide/RequestOption.ets'
+import {TransformUtils} from '../transform/TransformUtils.ets'
 import image from '@ohos.multimedia.image'
 import {CalculatePixelUtils} from '../utils/CalculatePixelUtils'
 
diff --git a/entry/src/main/ets/MainAbility/glide/transform/SwirlFilterTransformation.ets b/entry/src/main/ets/MainAbility/glide/transform/SwirlFilterTransformation.ets
new file mode 100644
index 0000000..d39ab8e
--- /dev/null
+++ b/entry/src/main/ets/MainAbility/glide/transform/SwirlFilterTransformation.ets
@@ -0,0 +1,182 @@
+/*
+ * Copyright (C) 2021 Huawei Device Co., Ltd.
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {BaseTransform} from '../transform/BaseTransform.ets'
+import {AsyncTransform} from '../transform/AsyncTransform.ets'
+import {Constants} from '../constants/Constants.ets'
+import {RequestOption}  from '../../glide/RequestOption.ets'
+import {TransformUtils} from '../transform/TransformUtils.ets'
+import image from '@ohos.multimedia.image'
+import {PixelEntry} from '../entry/PixelEntry'
+import {ColorUtils} from '../utils/ColorUtils'
+import {CalculatePixelUtils} from '../utils/CalculatePixelUtils'
+
+export class SwirlFilterTransformation implements BaseTransform<PixelMap> {
+  private _degree: number;
+
+  constructor(degree: number) {
+    this._degree = degree;
+  }
+
+  getName() {
+    return 'SwirlFilterTransformation' + this._degree;
+  }
+
+  transform(buf: ArrayBuffer, request: RequestOption, func?: AsyncTransform<PixelMap>) {
+    if (!buf || buf.byteLength <= 0) {
+      throw new Error(Constants.PROJECT_TAG + ';SwirlFilterTransformation buf is empty');
+      if (func) {
+        func(Constants.PROJECT_TAG + ';SwirlFilterTransformation buf is empty', null);
+      }
+      return;
+    }
+    var imageSource = image.createImageSource(buf as any);
+    TransformUtils.getPixelMapSize(imageSource, (error, size: {
+      width: number,
+      height: number
+    }) => {
+      if (!size) {
+        func(error, null)
+        return;
+      }
+      var pixelMapWidth = size.width;
+      var pixelMapHeight = size.height;
+      var targetWidth = request.size.width;
+      var targetHeight = request.size.height;
+      if (pixelMapWidth < targetWidth) {
+        targetWidth = pixelMapWidth;
+      }
+      if (pixelMapHeight < targetHeight) {
+        targetHeight = pixelMapHeight;
+      }
+
+      var options = {
+        editable: true,
+        desiredSize: {
+          width: targetWidth,
+          height: targetHeight
+        }
+      }
+      imageSource.createPixelMap(options)
+        .then((data) => {
+          this.swirl(data, this._degree, func);
+        })
+        .catch((e) => {
+          func(e, null);
+        })
+    })
+  }
+
+  private async swirl(bitmap: any, degree: number, func?: AsyncTransform<PixelMap>) {
+    let imageInfo = await bitmap.getImageInfo();
+    let size = {
+      width: imageInfo.size.width,
+      height: imageInfo.size.height
+    }
+    if (!size) {
+      return;
+    }
+    let width = size.width;
+    let height = size.height;
+    let pixEntry: Array<PixelEntry> = new Array();
+
+
+    let rgbData = CalculatePixelUtils.createInt2DArray(height, width);
+
+    let bufferData = new ArrayBuffer(bitmap.getPixelBytesNumber());
+    await bitmap.readPixelsToBuffer(bufferData);
+    let dataArray = new Uint8Array(bufferData);
+
+    let ph = 0;
+    let pw = 0;
+    for (let index = 0; index < dataArray.length; index += 4) {
+      const r = dataArray[index];
+      const g = dataArray[index+1];
+      const b = dataArray[index+2];
+      const f = dataArray[index+3];
+
+      let entry = new PixelEntry();
+      entry.a = 0;
+      entry.b = b;
+      entry.g = g;
+      entry.r = r;
+      entry.f = f;
+      entry.pixel = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      pixEntry.push(entry);
+      rgbData[ph][pw] = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      if (pw == width - 1) {
+        pw = 0;
+        ph++;
+      } else {
+        pw++;
+      }
+    }
+
+    let k = degree / 3600;
+    let cenX = width / 2;
+    let cenY = height / 2;
+
+    let radius = 0;
+    for (let h = 0;h < height; h++) {
+      for (let w = 0; w < width; w++) {
+
+        let offerX = w - cenX;
+        let offerY = h - cenY;
+        let radian = Math.atan2(offerY, offerX)
+        radius = Math.floor(Math.sqrt(offerX * offerX + offerY * offerY));
+
+        let newX = Math.floor(radius * Math.cos(radian + k * radius)) + cenX;
+        let newY = Math.floor(radius * Math.sin(radian + k * radius)) + cenY;
+
+        newX = Math.floor(Math.min(width - 1, Math.max(0, newX)));
+        newY = Math.floor(Math.min(height - 1, Math.max(0, newY)));
+
+        rgbData[h][w] = rgbData[newY][newX];
+      }
+    }
+
+
+    let bufferNewData = new ArrayBuffer(bitmap.getPixelBytesNumber());
+    let dataNewArray = new Uint8Array(bufferNewData);
+    let index = 0;
+    let mh = 0;
+    let nw = 0;
+
+    for (let i = 0; i < dataNewArray.length; i += 4) {
+      let pixel_1 = rgbData[mh][nw];
+
+      if (nw == width - 1) {
+        nw = 0;
+        mh++;
+      } else {
+        nw++;
+      }
+
+      let p_r = ColorUtils.red(pixel_1);
+      let p_g = ColorUtils.green(pixel_1);
+      let p_b = ColorUtils.blue(pixel_1);
+
+      dataNewArray[i] = p_r;
+      dataNewArray[i+1] = p_g;
+      dataNewArray[i+2] = p_b;
+      dataNewArray[i+3] = pixEntry[index].f;
+      index++;
+    }
+    await bitmap.writeBufferToPixels(bufferNewData);
+    if (func) {
+      func("", bitmap);
+    }
+  }
+}
\ No newline at end of file
diff --git a/entry/src/main/ets/MainAbility/glide/utils/CalculatePixelUtils.ets b/entry/src/main/ets/MainAbility/glide/utils/CalculatePixelUtils.ets
index 2ee2de2..af2b244 100644
--- a/entry/src/main/ets/MainAbility/glide/utils/CalculatePixelUtils.ets
+++ b/entry/src/main/ets/MainAbility/glide/utils/CalculatePixelUtils.ets
@@ -20,41 +20,29 @@ export namespace CalculatePixelUtils {
     var pixEntry: Array<PixelEntry> = new Array()
     var pixSrc: Array<number> = new Array()
     var pixNvt: Array<number> = new Array()
-    let readPromise;
-    let writePromise;
 
-    for (let h = 0; h < height; h++) {
-      for (let w = 0; w < width; w++) {
-        let buffer = new ArrayBuffer(5);
-        readPromise = new Promise<void>((resolve, reject) => {
-          var positionRen = {
-            pixels: buffer,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: w,
-              y: h
-            }
-          }
-          p.readPixels(positionRen, () => {
-            resolve();
-          });
-        });
-        await readPromise;
+    let bufferData = new ArrayBuffer(p.getPixelBytesNumber());
+    await p.readPixelsToBuffer(bufferData);
+    let dataArray = new Uint8Array(bufferData);
 
-        let bytes = new Uint8Array(buffer);
-        let entry = new PixelEntry();
-        entry.a = bytes[0];
-        entry.b = bytes[1];
-        entry.g = bytes[2];
-        entry.r = bytes[3];
-        entry.f = bytes[4];
-        entry.pixel = ColorUtils.rgb(entry.r, entry.g, entry.b);
-        pixEntry.push(entry);
-        pixSrc.push(ColorUtils.rgb(entry.r, entry.g, entry.b));
-        pixNvt.push(0);
-      }
+    for (let index = 0; index < dataArray.length; index++) {
+      const r = dataArray[index];
+      const g = dataArray[index+1];
+      const b = dataArray[index+2];
+      const f = dataArray[index+3];
+
+      let entry = new PixelEntry();
+      entry.a = 0;
+      entry.b = b;
+      entry.g = g;
+      entry.r = r;
+      entry.f = f;
+      entry.pixel = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      pixEntry.push(entry);
+      pixSrc.push(ColorUtils.rgb(entry.r, entry.g, entry.b));
+      pixNvt.push(0);
     }
+
     for (row = 0; row < height; row++) {
       for (col = 0; col < width; col++) {
         pos = row * width + col;
@@ -74,36 +62,23 @@ export namespace CalculatePixelUtils {
         pixSrc[pos] = ColorUtils.rgb(clr, clr, clr);
       }
     }
-    for (let m = 0;m < height; m++) { //y
-      for (let n = 0;n < width; n++) { //x
-        writePromise = new Promise<void>((resolve, reject) => {
-          let buffer1B = new ArrayBuffer(5);
-          let bytes1B = new Uint8Array(buffer1B);
-          var writePositionRenB = {
-            pixels: buffer1B,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: n,
-              y: m
-            }
-          }
 
-          let index = m * width + n;
-          bytes1B[0] = pixEntry[m * width + n].a;
-          bytes1B[1] = ColorUtils.blue(pixSrc[index]);
-          bytes1B[2] = ColorUtils.green(pixSrc[index]);
-          bytes1B[3] = ColorUtils.red(pixSrc[index]);
-          bytes1B[4] = pixEntry[m * width + n].f;
-          p.writePixels(writePositionRenB, () => {
-            resolve();
-          });
-        })
-        await writePromise;
-      }
+    let bufferNewData = new ArrayBuffer(p.getPixelBytesNumber());
+    let dataNewArray = new Uint8Array(bufferNewData);
+    let index = 0;
+
+    for (let i = 0; i < dataNewArray.length; i += 4) {
+      dataNewArray[i] = ColorUtils.red(pixSrc[index]);
+      dataNewArray[i+1] = ColorUtils.green(pixSrc[index]);
+      dataNewArray[i+2] = ColorUtils.blue(pixSrc[index]);
+      dataNewArray[i+3] = pixEntry[index].f;
+      index++;
     }
-    func("success", p);
+    await p.writeBufferToPixels(bufferNewData);
 
+    if (func) {
+      func("success", p);
+    }
   }
 
   function gaussGray(psrc: Array<number>, horz: number, vert: number,
diff --git a/entry/src/main/ets/MainAbility/glide/utils/FastBlur.ets b/entry/src/main/ets/MainAbility/glide/utils/FastBlur.ets
index d690091..8a19b3a 100644
--- a/entry/src/main/ets/MainAbility/glide/utils/FastBlur.ets
+++ b/entry/src/main/ets/MainAbility/glide/utils/FastBlur.ets
@@ -13,7 +13,6 @@
  * limitations under the License.
  */
 
-import image from "@ohos.multimedia.image"
 import {CalculatePixelUtils} from "./CalculatePixelUtils"
 import {PixelEntry} from "../entry/PixelEntry"
 import {AsyncTransform} from "../transform/AsyncTransform"
@@ -73,42 +72,28 @@ export namespace fastBlur {
     var pixEntry: Array<PixelEntry> = new Array()
     var pix: Array<number> = new Array()
 
-    let readPromise;
-    let writePromise;
 
-    for (let ph = 0; ph < h; ph++) {
-      for (let pw = 0; pw < w; pw++) {
-        let buffer = new ArrayBuffer(5);
-        readPromise = new Promise<void>((resolve, reject) => {
-          var positionRen = {
-            pixels: buffer,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: pw,
-              y: ph
-            }
-          }
-          bitmap.readPixels(positionRen, () => {
-            resolve();
-          });
-        });
-        await readPromise;
+    let bufferData = new ArrayBuffer(bitmap.getPixelBytesNumber());
+    await bitmap.readPixelsToBuffer(bufferData);
+    let dataArray = new Uint8Array(bufferData);
 
-        let bytes = new Uint8Array(buffer);
-        let entry = new PixelEntry();
-        entry.a = bytes[0];
-        entry.b = bytes[1];
-        entry.g = bytes[2];
-        entry.r = bytes[3];
-        entry.f = bytes[4];
-        entry.pixel = ColorUtils.rgb(entry.r, entry.g, entry.b);
-        pixEntry.push(entry);
-        pix.push(ColorUtils.rgb(entry.r, entry.g, entry.b));
-      }
+    for (let index = 0; index < dataArray.length; index++) {
+      const r = dataArray[index];
+      const g = dataArray[index+1];
+      const b = dataArray[index+2];
+      const f = dataArray[index+3];
+
+      let entry = new PixelEntry();
+      entry.a = 0;
+      entry.b = b;
+      entry.g = g;
+      entry.r = r;
+      entry.f = f;
+      entry.pixel = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      pixEntry.push(entry);
+      pix.push(ColorUtils.rgb(entry.r, entry.g, entry.b));
     }
 
-
     let wm = w - 1;
     let hm = h - 1;
     let wh = w * h;
@@ -288,33 +273,21 @@ export namespace fastBlur {
       }
     }
 
-    for (let m = 0;m < h; m++) { //y
-      for (let n = 0;n < w; n++) { //x
-        writePromise = new Promise<void>((resolve, reject) => {
-          let buffer1B = new ArrayBuffer(5);
-          let bytes1B = new Uint8Array(buffer1B);
-          var writePositionRenB = {
-            pixels: buffer1B,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: n,
-              y: m
-            }
-          }
-          let index = m * w + n;
-          bytes1B[0] = pixEntry[m * w + n].a;
-          bytes1B[1] = ColorUtils.blue(pix[index]);
-          bytes1B[2] = ColorUtils.green(pix[index]);
-          bytes1B[3] = ColorUtils.red(pix[index]);
-          bytes1B[4] = pixEntry[m * w + n].f;
-          bitmap.writePixels(writePositionRenB, () => {
-            resolve();
-          });
-        })
-        await writePromise;
-      }
+
+    let bufferNewData = new ArrayBuffer(bitmap.getPixelBytesNumber());
+    let dataNewArray = new Uint8Array(bufferNewData);
+    let index = 0;
+
+    for (let i = 0; i < dataNewArray.length; i += 4) {
+      dataNewArray[i] = ColorUtils.red(pix[index]);
+      dataNewArray[i+1] = ColorUtils.green(pix[index]);
+      dataNewArray[i+2] = ColorUtils.blue(pix[index]);
+      dataNewArray[i+3] = pixEntry[index].f;
+      index++;
+    }
+    await bitmap.writeBufferToPixels(bufferNewData);
+    if (func) {
+      func("success", bitmap);
     }
-    func("success", bitmap);
   }
 }
diff --git a/entry/src/main/ets/MainAbility/glide/utils/MaskUtils.ets b/entry/src/main/ets/MainAbility/glide/utils/MaskUtils.ets
new file mode 100644
index 0000000..6e3f46e
--- /dev/null
+++ b/entry/src/main/ets/MainAbility/glide/utils/MaskUtils.ets
@@ -0,0 +1,130 @@
+import {PixelEntry} from "../entry/PixelEntry"
+import {AsyncTransform} from "../transform/AsyncTransform"
+import {ColorUtils} from "./ColorUtils"
+import {CalculatePixelUtils} from "./CalculatePixelUtils"
+
+export class MaskUtils {
+  static async mask(bitmap: any, maskBitmap: any, func?: AsyncTransform<PixelMap>) {
+    let imageInfo = await bitmap.getImageInfo();
+    let size = {
+      width: imageInfo.size.width,
+      height: imageInfo.size.height
+    }
+    if (!size) {
+      return;
+    }
+    let width = size.width;
+    let height = size.height;
+
+    let rgbData = CalculatePixelUtils.createInt2DArray(height, width);
+
+    let bufferData = new ArrayBuffer(bitmap.getPixelBytesNumber());
+    await bitmap.readPixelsToBuffer(bufferData);
+    let dataArray = new Uint8Array(bufferData);
+
+    let ph = 0;
+    let pw = 0;
+    for (let index = 0; index < dataArray.length; index += 4) {
+      const r = dataArray[index];
+      const g = dataArray[index+1];
+      const b = dataArray[index+2];
+      const f = dataArray[index+3];
+
+      let entry = new PixelEntry();
+      entry.a = 0;
+      entry.b = b;
+      entry.g = g;
+      entry.r = r;
+      entry.f = f;
+      entry.pixel = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      rgbData[ph][pw] = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      if (pw == width - 1) {
+        pw = 0;
+        ph++;
+      } else {
+        pw++;
+      }
+    }
+
+
+    let imageInfoMask = await maskBitmap.getImageInfo();
+    let sizeMask = {
+      width: imageInfoMask.size.width,
+      height: imageInfoMask.size.height
+    }
+    if (!sizeMask) {
+      return;
+    }
+    let widthMask = sizeMask.width;
+    let heightMask = sizeMask.height;
+    let rgbDataMask = CalculatePixelUtils.createInt2DArray(heightMask, widthMask);
+    let pixEntry: Array<PixelEntry> = new Array();
+
+    let bufferData_m = new ArrayBuffer(maskBitmap.getPixelBytesNumber());
+    await maskBitmap.readPixelsToBuffer(bufferData_m);
+    let dataArray_m = new Uint8Array(bufferData_m);
+
+    let ph_m = 0;
+    let pw_m = 0;
+
+    for (let index = 0; index < dataArray_m.length; index += 4) {
+      const r = bufferData_m[index];
+      const g = bufferData_m[index+1];
+      const b = bufferData_m[index+2];
+      const f = bufferData_m[index+3];
+
+      let entry = new PixelEntry();
+      entry.a = 0;
+      entry.b = b;
+      entry.g = g;
+      entry.r = r;
+      entry.f = f;
+      entry.pixel = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      pixEntry.push(entry);
+      if (entry.r == 0 && entry.g == 0 && entry.r == b) {
+        rgbDataMask[ph_m][pw_m] = rgbData[ph_m][pw_m];
+      } else {
+        rgbDataMask[ph_m][pw_m] = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      }
+
+      if (pw_m == widthMask - 1) {
+        pw_m = 0;
+        ph_m++;
+      } else {
+        pw_m++;
+      }
+    }
+
+
+    let bufferNewData = new ArrayBuffer(maskBitmap.getPixelBytesNumber());
+    let dataNewArray = new Uint8Array(bufferNewData);
+    let index = 0;
+    let mh = 0;
+    let nw = 0;
+
+    for (let i = 0; i < dataNewArray.length; i += 4) {
+      let pixel_1 = rgbDataMask[mh][nw];
+
+      if (nw == widthMask - 1) {
+        nw = 0;
+        mh++;
+      } else {
+        nw++;
+      }
+
+      let p_r = ColorUtils.red(pixel_1);
+      let p_g = ColorUtils.green(pixel_1);
+      let p_b = ColorUtils.blue(pixel_1);
+
+      dataNewArray[i] = p_r;
+      dataNewArray[i+1] = p_g;
+      dataNewArray[i+2] = p_b;
+      dataNewArray[i+3] = pixEntry[index].f;
+      index++;
+    }
+    await maskBitmap.writeBufferToPixels(bufferNewData);
+    if (func) {
+      func("", maskBitmap);
+    }
+  }
+}
\ No newline at end of file
diff --git a/entry/src/main/ets/MainAbility/glide/utils/PixelUtils.ets b/entry/src/main/ets/MainAbility/glide/utils/PixelUtils.ets
index 0cc14de..73c8d72 100644
--- a/entry/src/main/ets/MainAbility/glide/utils/PixelUtils.ets
+++ b/entry/src/main/ets/MainAbility/glide/utils/PixelUtils.ets
@@ -36,39 +36,38 @@ export namespace pixelUtils {
 
     var pixEntry: Array<PixelEntry> = new Array()
     let inPixels: Array<Array<number>> = CalculatePixelUtils.createInt2DArray(targetHeight, targetWidth);
-    let readPromise;
-    let writePromise;
-    //读取
-    for (let ph = 0; ph < targetHeight; ph++) {
-      for (let pw = 0; pw < targetWidth; pw++) {
-        let buffer = new ArrayBuffer(5);
-        readPromise = new Promise<void>((resolve, reject) => {
-          var positionRen = {
-            pixels: buffer,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: pw,
-              y: ph
-            }
-          }
-          bitmap.readPixels(positionRen, () => {
-            resolve();
-          });
-        });
-        await readPromise;
-        let bytes = new Uint8Array(buffer);
-        let entry = new PixelEntry();
-        entry.a = bytes[0];
-        entry.b = bytes[1];
-        entry.g = bytes[2];
-        entry.r = bytes[3];
-        entry.f = bytes[4];
-        entry.pixel = ColorUtils.rgb(entry.r, entry.g, entry.b);
-        pixEntry.push(entry);
-        inPixels[ph][pw] = ColorUtils.rgb(entry.r, entry.g, entry.b);
+
+    let bufferData = new ArrayBuffer(bitmap.getPixelBytesNumber());
+    await bitmap.readPixelsToBuffer(bufferData);
+    let dataArray = new Uint8Array(bufferData);
+
+    let ph = 0;
+    let pw = 0;
+
+
+    for (let index = 0; index < dataArray.length; index++) {
+      const r = dataArray[index];
+      const g = dataArray[index+1];
+      const b = dataArray[index+2];
+      const f = dataArray[index+3];
+
+      let entry = new PixelEntry();
+      entry.a = 0;
+      entry.b = b;
+      entry.g = g;
+      entry.r = r;
+      entry.f = f;
+      entry.pixel = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      pixEntry.push(entry);
+      inPixels[ph][pw] = ColorUtils.rgb(entry.r, entry.g, entry.b);
+      if (pw == targetWidth - 1) {
+        pw = 0;
+        ph++;
+      } else {
+        pw++;
       }
     }
+
     var realPixel_W = pixel > targetWidth ? targetWidth : pixel;
     var realPixel_H = pixel > targetHeight ? targetHeight : pixel;
 
@@ -99,38 +98,35 @@ export namespace pixelUtils {
     }
 
 
-    for (let m = 0;m < targetHeight; m++) { //y
-      for (let n = 0;n < targetWidth; n++) { //x
-        writePromise = new Promise<void>((resolve, reject) => {
-          let buffer1B = new ArrayBuffer(5);
-          let bytes1B = new Uint8Array(buffer1B);
-          let writePositionRenB = {
-            pixels: buffer1B,
-            offset: 1,
-            stride: 1024,
-            region: { size: { width: 1, height: 1 },
-              x: n,
-              y: m
-            }
-          }
-          let index = m * targetWidth + n;
-          let pxix1 = inPixels[m][n];
-          let p_b = ColorUtils.blue(pxix1);
-          let p_g = ColorUtils.green(pxix1);
-          let p_r = ColorUtils.red(pxix1);
+    let bufferNewData = new ArrayBuffer(bitmap.getPixelBytesNumber());
+    let dataNewArray = new Uint8Array(bufferNewData);
+    let index = 0;
+    let mh = 0;
+    let nw = 0;
 
-          bytes1B[0] = pixEntry[index].a;
-          bytes1B[1] = p_b;
-          bytes1B[2] = p_g;
-          bytes1B[3] = p_r;
-          bytes1B[4] = pixEntry[index].f;
-          bitmap.writePixels(writePositionRenB, () => {
-            resolve();
-          });
-        })
-        await writePromise;
+    for (let i = 0; i < dataNewArray.length; i += 4) {
+      let pixel_1 = inPixels[mh][nw];
+
+      if (nw == targetWidth - 1) {
+        nw = 0;
+        mh++;
+      } else {
+        nw++;
       }
+
+      let p_r = ColorUtils.red(pixel_1);
+      let p_g = ColorUtils.green(pixel_1);
+      let p_b = ColorUtils.blue(pixel_1);
+
+      dataNewArray[i] = p_r;
+      dataNewArray[i+1] = p_g;
+      dataNewArray[i+2] = p_b;
+      dataNewArray[i+3] = pixEntry[index].f;
+      index++;
+    }
+    await bitmap.writeBufferToPixels(bufferNewData);
+    if (func) {
+      func("success", bitmap);
     }
-    func("success", bitmap);
   }
 }
\ No newline at end of file
diff --git a/entry/src/main/ets/MainAbility/pages/TransformPixelMapPage.ets b/entry/src/main/ets/MainAbility/pages/TransformPixelMapPage.ets
index b547aa6..bde3a27 100644
--- a/entry/src/main/ets/MainAbility/pages/TransformPixelMapPage.ets
+++ b/entry/src/main/ets/MainAbility/pages/TransformPixelMapPage.ets
@@ -12,13 +12,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import {RequestOption} from "../glide/RequestOption"
-import {CropCircleTransformation} from "../glide/transform/CropCircleTransformation"
-import {RoundedCornersTransformation} from "../glide/transform/RoundedCornersTransformation"
-import {CropCircleWithBorderTransformation} from "../glide/transform/CropCircleWithBorderTransformation"
-import {RotateImageTransformation} from "../glide/transform/RotateImageTransformation"
-import {CropSquareTransformation} from "../glide/transform/CropSquareTransformation"
-import {CropTransformation} from "../glide/transform/CropTransformation"
+import {RequestOption} from "../glide/RequestOption.ets"
+import {CropCircleTransformation} from "../glide/transform/CropCircleTransformation.ets"
+import {RoundedCornersTransformation} from "../glide/transform/RoundedCornersTransformation.ets"
+import {CropCircleWithBorderTransformation} from "../glide/transform/CropCircleWithBorderTransformation.ets"
+import {RotateImageTransformation} from "../glide/transform/RotateImageTransformation.ets"
+import {CropSquareTransformation} from "../glide/transform/CropSquareTransformation.ets"
+import {CropTransformation} from "../glide/transform/CropTransformation.ets"
 import {CropType} from "../glide/transform/CropTransformation"
 import {GrayscaleTransformation} from "../glide/transform/GrayscaleTransformation"
 import {BrightnessFilterTransformation} from "../glide/transform/BrightnessFilterTransformation"
@@ -28,14 +28,16 @@ import {SepiaFilterTransformation} from "../glide/transform/SepiaFilterTransform
 import {SketchFilterTransformation} from "../glide/transform/SketchFilterTransformation"
 import {BlurTransformation} from "../glide/transform/BlurTransformation"
 import {PixelationFilterTransformation} from "../glide/transform/PixelationFilterTransformation"
-import {PixelMapPack} from "../glide/PixelMapPack";
+import {MaskTransformation} from "../glide/transform/MaskTransformation"
+import {SwirlFilterTransformation} from "../glide/transform/SwirlFilterTransformation"
+import {PixelMapPack} from "../glide/PixelMapPack.ets";
 
 /**
  * PixelMap transform 示例
  */
 let mRotate: number = 0;
 //let mUrl = "https://hbimg.huabanimg.com/cc6af25f8d782d3cf3122bef4e61571378271145735e9-vEVggB"
-let mUrl = $r('app.media.transformBase');
+let mUrl = $r('app.media.check_big');
 
 @Entry
 @Component
@@ -58,6 +60,8 @@ struct TransformPixelMapPage {
   @State mSketchPixelMap: PixelMapPack= new PixelMapPack();
   @State mBlurPixelMap: PixelMapPack= new PixelMapPack();
   @State mPixelPixelMap: PixelMapPack= new PixelMapPack();
+  @State mSwirlPixelMap: PixelMapPack= new PixelMapPack();
+  @State mMaskPixelMap: PixelMapPack= new PixelMapPack();
 
   build() {
     Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center }) {
@@ -165,9 +169,8 @@ struct TransformPixelMapPage {
               this.circleTransformation();
             });
             Image(this.mCirclePixelMap.pixelMap)
-              .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -184,9 +187,8 @@ struct TransformPixelMapPage {
               this.circleBorderTransformation(5);
             });
             Image(this.mCircleBorderPixelMap.pixelMap)
-              .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -207,9 +209,8 @@ struct TransformPixelMapPage {
               this.transformRotate(mRotate);
             });
             Image(this.mRotatePixelMap.pixelMap)
-              .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -227,8 +228,8 @@ struct TransformPixelMapPage {
             });
             Image(this.mSquarePixelMap.pixelMap)
               .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -242,7 +243,7 @@ struct TransformPixelMapPage {
               .height(35)
               .width(72)
               .onClick(() => {
-                this.clipPixelMap(25,25, CropType.TOP);
+                this.clipPixelMap(25, 25, CropType.TOP);
               });
               Button() {
                 Text($r("app.string.trans_clip_center")).fontSize(13).fontColor(Color.White)
@@ -250,7 +251,7 @@ struct TransformPixelMapPage {
               .height(35)
               .width(72)
               .onClick(() => {
-                this.clipPixelMap(25,25, CropType.CENTER);
+                this.clipPixelMap(25, 25, CropType.CENTER);
               });
               Button() {
                 Text($r("app.string.trans_clip_bottom")).fontSize(13).fontColor(Color.White)
@@ -258,7 +259,7 @@ struct TransformPixelMapPage {
               .height(35)
               .width(72)
               .onClick(() => {
-                this.clipPixelMap(25,25, CropType.BOTTOM);
+                this.clipPixelMap(25, 25, CropType.BOTTOM);
               });
             }.margin({ top: 10 })
 
@@ -294,8 +295,8 @@ struct TransformPixelMapPage {
             });
             Image(this.mGrayscalePixelMap.pixelMap)
               .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -312,8 +313,8 @@ struct TransformPixelMapPage {
             });
             Image(this.mBrightnessPixelMap.pixelMap)
               .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -330,8 +331,8 @@ struct TransformPixelMapPage {
             });
             Image(this.mContrastPixelMap.pixelMap)
               .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -348,8 +349,8 @@ struct TransformPixelMapPage {
             });
             Image(this.mInvertPixelMap.pixelMap)
               .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -367,8 +368,8 @@ struct TransformPixelMapPage {
             });
             Image(this.mSepiaPixelMap.pixelMap)
               .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -385,8 +386,8 @@ struct TransformPixelMapPage {
             });
             Image(this.mSketchPixelMap.pixelMap)
               .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -404,8 +405,8 @@ struct TransformPixelMapPage {
             });
             Image(this.mBlurPixelMap.pixelMap)
               .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -424,8 +425,46 @@ struct TransformPixelMapPage {
             });
             Image(this.mPixelPixelMap.pixelMap)
               .objectFit(ImageFit.Fill)
-              .width(100)
-              .height(100)
+              .width(200)
+              .height(200)
+              .margin({ top: 10 })
+
+          }.margin({ top: 10 });
+
+          Column() {
+            Text("SwirlFilterTransformation").fontColor(Color.Gray).fontSize(16);
+            Button() {
+              Text("图片Swirl").fontSize(13).fontColor(Color.White)
+            }
+            .height(35)
+            .width(120)
+            .margin({ top: 10 })
+            .onClick(() => {
+              this.swirlHandlePixelMap();
+            });
+            Image(this.mSwirlPixelMap.pixelMap)
+              .objectFit(ImageFit.Fill)
+              .width(200)
+              .height(200)
+              .margin({ top: 10 })
+
+          }.margin({ top: 10 });
+
+          Column() {
+            Text("MaskTransformation").fontColor(Color.Gray).fontSize(16);
+            Button() {
+              Text("图片mask").fontSize(13).fontColor(Color.White)
+            }
+            .height(35)
+            .width(120)
+            .margin({ top: 10 })
+            .onClick(() => {
+              this.maskHandlePixelMap($r('app.media.mask_starfish'));
+            });
+            Image(this.mMaskPixelMap.pixelMap)
+              .objectFit(ImageFit.Fill)
+              .width(200)
+              .height(200)
               .margin({ top: 10 })
 
           }.margin({ top: 10 });
@@ -440,13 +479,13 @@ struct TransformPixelMapPage {
 
   }
 
-  /**
+/**
    * centerCrop
    */
   centerCrop() {
     var glideOption = new RequestOption();
     glideOption.load($r('app.media.photo5'))
-      // glideOption.load(mUrl)
+    // glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
         this.mCropPixelMap = result;
@@ -454,7 +493,7 @@ struct TransformPixelMapPage {
           let result2 = new PixelMapPack();
           result2.pixelMap = data.glideValue as PixelMap;
           this.mCropPixelMap = result2;
-        },100)
+        }, 100)
         return false;
       })
       .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
@@ -463,13 +502,13 @@ struct TransformPixelMapPage {
     Glide.call(glideOption);
   }
 
-  /**
+/**
    * centerInside
    */
   centerInside() {
     var glideOption = new RequestOption();
     glideOption.load($r('app.media.Back'))
-      //glideOption.load(mUrl)
+    //glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
         this.mCropPixelMap = result;
@@ -477,7 +516,7 @@ struct TransformPixelMapPage {
           let result2 = new PixelMapPack();
           result2.pixelMap = data.glideValue as PixelMap;
           this.mCropPixelMap = result2;
-        },100)
+        }, 100)
         return false;
       })
       .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
@@ -486,13 +525,13 @@ struct TransformPixelMapPage {
     Glide.call(glideOption);
   }
 
-  /**
+/**
    * centerInside
    */
   fitCenter() {
     var glideOption = new RequestOption()
     glideOption.load($r('app.media.Back'))
-      //glideOption.load(mUrl)
+    //glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
         this.mCropPixelMap = result;
@@ -500,7 +539,7 @@ struct TransformPixelMapPage {
           let result2 = new PixelMapPack();
           result2.pixelMap = data.glideValue as PixelMap;
           this.mCropPixelMap = result2;
-        },100)
+        }, 100)
         return false;
       })
       .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
@@ -508,11 +547,11 @@ struct TransformPixelMapPage {
       .fitCenter();
     Glide.call(glideOption);
   }
-  /**
+/**
    * 圆角设置
    */
   roundedCornersTransformation(top_left: number,
-                               bottom_left: number, top_right: number, bottom_right: number) {
+    bottom_left: number, top_right: number, bottom_right: number) {
 
     var glideOption = new RequestOption();
 
@@ -525,7 +564,7 @@ struct TransformPixelMapPage {
           let result2 = new PixelMapPack();
           result2.pixelMap = data.glideValue as PixelMap;
           this.mRoundPixelMap = result2;
-        },100)
+        }, 100)
         return false;
       })
       .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
@@ -536,7 +575,7 @@ struct TransformPixelMapPage {
     Glide.call(glideOption);
   }
 
-  /**
+/**
    * 裁剪圆
    */
   circleTransformation() {
@@ -545,18 +584,18 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mCirclePixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(new CropCircleTransformation())
     //      .diskCacheStrategy(new NONE())
     Glide.call(glideOption);
   }
 
-  /**
+/**
    * 圆环裁剪
    */
   circleBorderTransformation(border: number) {
@@ -567,18 +606,18 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mCircleBorderPixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(circleTransformation)
     //      .diskCacheStrategy(new NONE())
     Glide.call(glideOption);
   }
 
-  /**
+/**
    * 旋转
    */
   transformRotate(angled: number) {
@@ -588,18 +627,18 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mRotatePixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
     Glide.call(glideOption);
   }
 
-  /**
+/**
    * 正方形裁剪
    */
   transformSquare() {
@@ -609,18 +648,18 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mSquarePixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
     Glide.call(glideOption);
   }
 
-  /**
+/**
    * 区域裁剪
    */
   clipPixelMap(width: number, height: number, cropType: CropType) {
@@ -631,13 +670,13 @@ struct TransformPixelMapPage {
       .addListener((err, data) => {
         let result = new PixelMapPack();
         if (cropType == CropType.TOP) {
-          result.pixelMap=data.glideValue as PixelMap;
+          result.pixelMap = data.glideValue as PixelMap;
           this.mClipTopPixelMap = result;
         } else if (cropType == CropType.CENTER) {
-          result.pixelMap=data.glideValue as PixelMap;
+          result.pixelMap = data.glideValue as PixelMap;
           this.mClipCenterPixelMap = result;
         } else if (cropType == CropType.BOTTOM) {
-          result.pixelMap=data.glideValue as PixelMap;
+          result.pixelMap = data.glideValue as PixelMap;
           this.mClipBottomPixelMap = result;
         }
         return false;
@@ -650,7 +689,7 @@ struct TransformPixelMapPage {
 
   }
 
-  /**
+/**
    * 灰度
    */
   grayscalePixelMap() {
@@ -660,11 +699,11 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mGrayscalePixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
@@ -672,7 +711,7 @@ struct TransformPixelMapPage {
 
   }
 
-  /**
+/**
    *亮度b
    */
   brightnessPixelMap(brightness: number) {
@@ -682,11 +721,11 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mBrightnessPixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
@@ -694,7 +733,7 @@ struct TransformPixelMapPage {
 
   }
 
-  /**
+/**
    *对比度
    */
   contrastPixelMap(contrast: number) {
@@ -704,11 +743,11 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mContrastPixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
@@ -716,7 +755,7 @@ struct TransformPixelMapPage {
 
   }
 
-  /**
+/**
    *反转处理
    */
   invertPixelMap() {
@@ -726,11 +765,11 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mInvertPixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
@@ -738,7 +777,7 @@ struct TransformPixelMapPage {
 
   }
 
-  /**
+/**
    *照片老旧出来（黑褐色）
    */
   sepiaPixelMap() {
@@ -748,11 +787,11 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mSepiaPixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
@@ -760,7 +799,7 @@ struct TransformPixelMapPage {
 
   }
 
-  /**
+/**
    *素描
    */
   sketchPixelMap() {
@@ -770,11 +809,11 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mSketchPixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
@@ -782,7 +821,7 @@ struct TransformPixelMapPage {
 
   }
 
-  /**
+/**
    *模糊
    */
   blurHandlePixelMap(radius: number) {
@@ -792,18 +831,18 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mBlurPixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
     Glide.call(glideOption);
 
   }
-  /**
+/**
    *马赛克
    */
   pixelHandlePixelMap(pixel: number) {
@@ -813,11 +852,54 @@ struct TransformPixelMapPage {
     glideOption.load(mUrl)
       .addListener((err, data) => {
         let result = new PixelMapPack();
-        result.pixelMap=data.glideValue as PixelMap;
+        result.pixelMap = data.glideValue as PixelMap;
         this.mPixelPixelMap = result;
         return false;
       })
-      .setImageViewSize({ width: vp2px(100), height: vp2px(100) })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
+      .skipMemoryCache(true)
+      .transform(transformation)
+    //      .diskCacheStrategy(new NONE())
+    Glide.call(glideOption);
+
+  }
+
+/**
+   *扭曲
+   */
+  swirlHandlePixelMap() {
+    let glideOption = new RequestOption();
+    var transformation = new SwirlFilterTransformation(80);
+    // glideOption.load($r('app.media.photo6'))
+    glideOption.load(mUrl)
+      .addListener((err, data) => {
+        let result = new PixelMapPack();
+        result.pixelMap = data.glideValue as PixelMap;
+        this.mSwirlPixelMap = result;
+        return false;
+      })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
+      .skipMemoryCache(true)
+      .transform(transformation)
+    //      .diskCacheStrategy(new NONE())
+    Glide.call(glideOption);
+
+  }
+/**
+   *遮罩
+   */
+  maskHandlePixelMap(maskResource: Resource) {
+    let glideOption = new RequestOption();
+    var transformation = new MaskTransformation(maskResource);
+    // glideOption.load($r('app.media.photo6'))
+    glideOption.load(mUrl)
+      .addListener((err, data) => {
+        let result = new PixelMapPack();
+        result.pixelMap = data.glideValue as PixelMap;
+        this.mMaskPixelMap = result;
+        return false;
+      })
+      .setImageViewSize({ width: vp2px(200), height: vp2px(200) })
       .skipMemoryCache(true)
       .transform(transformation)
     //      .diskCacheStrategy(new NONE())
diff --git a/entry/src/main/resources/base/media/mask_starfish.png b/entry/src/main/resources/base/media/mask_starfish.png
new file mode 100644
index 0000000000000000000000000000000000000000..3cb4bccaf1e62e16e679b706f65defd0d9849d4e
GIT binary patch
literal 7755
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
RcmCcrHZa$(Jm-4je*jA*A29#`

literal 0
HcmV?d00001