下采样冲突解决

entry/src/main/ets/pages/DownsamplingPage.ets

@@ -0,0 +1,329 @@
+import { FitCenter, ImageKnifeComponent,
+  ImageKnifeData,
+  ImageKnifeGlobal,
+  ImageKnifeOption,
+  RequestOption } from '@ohos/libraryimageknife'
+import { BusinessError } from '@ohos.base'
+import { fitter, sampleNone } from '@ohos/imageknife';
+let pngUrl = $r('app.media.pngSample');
+let jpgUrl = $r('app.media.jpgSample');
+let svgUrl = $r('app.media.svgSample');
+let gifUrl = $r('app.media.gifSample');
+let bmpUrl = $r('app.media.bmpSample');
+let webpUrl = $r('app.media.webpSample');
+let ImageKnife  = ImageKnifeGlobal.getInstance().getImageKnife();
+@Entry
+@Component
+struct Index {
+  @State mSquarePixelMap1?: PixelMap = undefined;
+  @State mSquarePixelMap2?: PixelMap = undefined;
+  @State h:number = 0
+  @State w:number = 0
+  @State BytesNumber1:number = 0
+  @State BytesNumber2:number = 0
+  @State url:string = ''
+  @State network:Boolean = false
+  @State ImageKnifeOption1: ImageKnifeOption = {
+    loadSrc: $r('app.media.icon'),
+    placeholderSrc: $r('app.media.icon_loading'),
+    errorholderSrc: $r('app.media.icon_failed')
+  }
+
+  transformSquare1(mUrl:ESObject) {
+    let imageKnifeOption:RequestOption  = new RequestOption();
+    imageKnifeOption.load(mUrl)
+      .addListener({ callback: (err: BusinessError | string, data: ImageKnifeData) => {
+        this.mSquarePixelMap1 = data.drawPixelMap?.imagePixelMap as PixelMap;
+        this.BytesNumber1 = (data.drawPixelMap?.imagePixelMap as PixelMap).getPixelBytesNumber()
+        return false;
+      } })
+    ImageKnife?.call(imageKnifeOption);
+  }
+  transformSquare2(mUrl:ESObject) {
+    let imageKnifeOption:RequestOption = new RequestOption();
+    let a = new fitter()
+    imageKnifeOption.load(mUrl)
+      .addListener({ callback: (err: BusinessError | string, data: ImageKnifeData) => {
+        this.mSquarePixelMap2 = data.drawPixelMap?.imagePixelMap as PixelMap;
+        this.BytesNumber2 = (data.drawPixelMap?.imagePixelMap as PixelMap).getPixelBytesNumber()
+        return false;
+      } })
+      .setImageViewSize({ width: this.w, height:this.h})
+      .downsampleOf(a)
+    ImageKnife?.call(imageKnifeOption);
+  }
+  @Builder
+  TextInputSample() {
+    Flex() {
+      TextInput({ placeholder: '输入宽' })
+        .onChange((EnterKeyType)=>{
+          this.w =Number(EnterKeyType)
+        })
+      TextInput({ placeholder: '输入高' })
+        .onChange((EnterKeyType)=>{
+          this.h =Number(EnterKeyType)
+        })
+    }.padding(20)
+  }
+
+  build() {
+    Scroll(){
+      Column() {
+        Row(){
+          Button('切换网络图片')
+            .onClick(()=>{
+                this.network = !this.network
+            })
+          Text('输入网络图片url')
+          TextInput({ placeholder: '输入url' })
+            .onChange((urls)=>{
+              this.url =urls
+            })
+        }
+        if(this.network){
+          Column(){
+            Text('原图')
+            Flex(){
+              Button('png')
+                .onClick(() => {
+                  this.transformSquare1(this.url);
+
+                });
+              Button('svg')
+                .onClick(() => {
+                  this.transformSquare1(this.url);
+
+                });
+              Button('bmp')
+                .onClick(() => {
+                  this.transformSquare1(this.url);
+
+                });
+              Button('jpp')
+                .onClick(() => {
+                  this.transformSquare1(this.url);
+
+                });
+              Button('gif')
+                .onClick(() => {
+                  this.transformSquare1(this.url);
+
+                });
+              Button('webp')
+                .onClick(() => {
+                  this.transformSquare1(this.url);
+
+                });
+            }.margin({top:20,bottom:20})
+            Text("原图字节大小："+this.BytesNumber1)
+            Column(){
+              if (this.mSquarePixelMap1) {
+                Image(this.mSquarePixelMap1 == undefined ? '' : this.mSquarePixelMap1!)
+                  .objectFit(ImageFit.Fill)
+                  .width(200)
+                  .height(200)
+                  .margin({ top: 10 })
+              }
+              Text('component用法')
+
+            }.height(300).width('100%').backgroundColor(Color.Pink)
+            Text('降采样图片')
+            Flex(){
+              Button('png')
+                .onClick(() => {
+                  this.transformSquare2(this.url);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: pngUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+              Button('svg')
+                .onClick(() => {
+                  this.transformSquare2(this.url);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: svgUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+
+                });
+              Button('bmp')
+                .onClick(() => {
+                  this.transformSquare2(this.url);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: bmpUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+              Button('jpp')
+                .onClick(() => {
+                  this.transformSquare2(this.url);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: jpgUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+              Button('gif')
+                .onClick(() => {
+                  // this.transformSquare2(this.url);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: gifUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+              Button('webp')
+                .onClick(() => {
+                  // this.transformSquare2(this.url);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: webpUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+            }.margin({top:20,bottom:20})
+            Text("降采样字节大小:"+this.BytesNumber2)
+            this.TextInputSample()
+            Column(){
+              if (this.mSquarePixelMap2) {
+                Image(this.mSquarePixelMap2 == undefined ? '' : this.mSquarePixelMap2!)
+                  .objectFit(ImageFit.Fill)
+                  .width(200)
+                  .height(200)
+                  .margin({ top: 10 })
+              }
+              Text('component用法')
+              ImageKnifeComponent({ imageKnifeOption: this.ImageKnifeOption1 }).width(200).height(200)
+            }.height(300).width('100%').backgroundColor(Color.Pink)
+          }.backgroundColor(Color.Orange)
+        }else {
+          Column(){
+            Text('原图')
+            Flex(){
+              Button('png')
+                .onClick(() => {
+                  this.transformSquare1(pngUrl);
+
+                });
+              Button('svg')
+                .onClick(() => {
+                  this.transformSquare1(svgUrl);
+
+                });
+              Button('bmp')
+                .onClick(() => {
+                  this.transformSquare1(bmpUrl);
+
+                });
+              Button('jpp')
+                .onClick(() => {
+                  this.transformSquare1(jpgUrl);
+
+                });
+              Button('gif')
+                .onClick(() => {
+                  this.transformSquare1(gifUrl);
+
+                });
+              Button('webp')
+                .onClick(() => {
+                  this.transformSquare1(webpUrl);
+
+                });
+            }.margin({top:20,bottom:20})
+            Text("原图字节大小："+this.BytesNumber1)
+            Column(){
+              if (this.mSquarePixelMap1) {
+                Image(this.mSquarePixelMap1 == undefined ? '' : this.mSquarePixelMap1!)
+                  .objectFit(ImageFit.Fill)
+                  .width(200)
+                  .height(200)
+                  .margin({ top: 10 })
+              }
+              Text('component用法')
+
+            }.height(300).width('100%').backgroundColor(Color.Pink)
+            Text('降采样图片')
+            Flex(){
+              Button('png')
+                .onClick(() => {
+                  this.transformSquare2(pngUrl);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: pngUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+              Button('svg')
+                .onClick(() => {
+                  this.transformSquare2(svgUrl);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: svgUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+
+                });
+              Button('bmp')
+                .onClick(() => {
+                  this.transformSquare2(bmpUrl);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: bmpUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+              Button('jpp')
+                .onClick(() => {
+                  this.transformSquare2(jpgUrl);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: jpgUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+              Button('gif')
+                .onClick(() => {
+                  this.transformSquare2(gifUrl);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: gifUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+              Button('webp')
+                .onClick(() => {
+                  this.transformSquare2(webpUrl);
+                  this.ImageKnifeOption1 = {
+                    loadSrc: webpUrl,
+                    placeholderSrc: $r('app.media.icon_loading'),
+                    errorholderSrc: $r('app.media.icon_failed'),
+                  }
+                });
+            }.margin({top:20,bottom:20})
+            Text("降采样字节大小:"+this.BytesNumber2)
+            this.TextInputSample()
+            Column(){
+              if (this.mSquarePixelMap2) {
+                Image(this.mSquarePixelMap2 == undefined ? '' : this.mSquarePixelMap2!)
+                  .objectFit(ImageFit.Fill)
+                  .width(200)
+                  .height(200)
+                  .margin({ top: 10 })
+              }
+              Text('component用法')
+              ImageKnifeComponent({ imageKnifeOption: this.ImageKnifeOption1 }).width(200).height(200)
+            }.height(300).width('100%').backgroundColor(Color.Pink)
+          }
+        }
+
+
+      }
+    }
+    .height('100%')
+  }
+}
+

entry/src/main/resources/base/profile/main_pages.json

@@ -57,6 +57,7 @@
     "pages/testImageKnifeHeic",
     "pages/testImageKnifeNetPlaceholder",
     "pages/testCustomDataFetchClientWithPage",
-    "pages/testReuseAblePages"
+    "pages/testReuseAblePages",
+    "pages/DownsamplingPage"
   ]
 }

library/src/main/ets/components/imageknife/Downsampling/BaseDownsampling.ets

@@ -0,0 +1,9 @@
+import { lang }from '@kit.ArkTs';
+
+type ISendable = lang.ISendable;
+
+export interface BaseDownsampling extends ISendable{
+  getName():string
+  getScaleFactor(sourceWidth:number, sourceHeight:number, requestWidth:number, requestHeight:number):number
+  getSampleSizeRounding(sourceWidth:number, sourceHeight:number, requestWidth:number, requestHeight:number):number
+}

library/src/main/ets/components/imageknife/Downsampling/DownsampleStartegy.ets

@@ -0,0 +1,117 @@
+import { BaseDownsampling } from './BaseDownsampling'
+
+@Sendable
+export class CenterInside{
+  getName() { return "CenterInside"}
+  getScaleFactor(sourceWidth:number, sourceHeight:number,requestWidth:number, requestHeight:number):number {
+    return Math.min(1,this.getScale(sourceWidth, sourceHeight, requestWidth, requestHeight))
+  }
+  getSampleSizeRounding(sourceWidth:number, sourceHeight:number, requestWidth:number, requestHeight:number):number{
+    return 1
+  }
+  getScale(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    let widthPercentage =requestWidth/sourceWidth
+    let heightPercentage =requestHeight/sourceHeight
+    return Math.min(widthPercentage,heightPercentage)
+  }
+
+}
+/*不进行下采样*/
+@Sendable
+export class DownsampleNone implements BaseDownsampling{
+  getName(){
+    return "DownsampleNone"
+  }
+  getScaleFactor(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    return 1
+  }
+
+  getSampleSizeRounding(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    return 1
+  }
+
+}
+/* 下采样使得图像的组大尺寸在给定的尺寸的1/2之间*/
+@Sendable
+export class  AtMost  implements BaseDownsampling{
+  getName(){
+    return "AtMost"
+  }
+  getScaleFactor(sourceWidth: number, sourceHeight: number, requestWidth:number,requestHeight: number): number {
+    let maxIntegerFactor=Math.ceil(Math.max(sourceHeight/requestHeight,sourceWidth/requestWidth));
+    let lesserOrEqualSampleSize = Math.max(1,this.highestOneBit(maxIntegerFactor))
+    let greaterOrEqualSampleSize = lesserOrEqualSampleSize<<(lesserOrEqualSampleSize<maxIntegerFactor?1:0)
+    return 1/greaterOrEqualSampleSize
+  }
+  getSampleSizeRounding(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    return 0
+  }
+  highestOneBit(i: number): number {
+    i |= (i >> 1);
+    i |= (i >> 2);
+    i |= (i >> 4);
+    i |= (i >> 8);
+    i |= (i >> 16);
+    return i - (i >>> 1);
+  }
+}
+
+@Sendable
+export class Atleast implements BaseDownsampling{
+  getName(){
+    return "Atleast"
+  }
+  getScaleFactor(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    let minIntegerFactor=Math.floor(Math.min(sourceHeight/requestHeight,sourceWidth/requestWidth))
+    return minIntegerFactor==0?1:1/this.highestOneBit(minIntegerFactor)
+  }
+  getSampleSizeRounding(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    return 1
+  }
+  highestOneBit(i: number): number {
+    i |= (i >> 1);
+    i |= (i >> 2);
+    i |= (i >> 4);
+    i |= (i >> 8);
+    i |= (i >> 16);
+    return i - (i >>> 1);
+  }
+}
+
+@Sendable
+export class CenterOutside implements BaseDownsampling{
+  getName(){
+    return "CenterOutside"
+  }
+  getScaleFactor(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    let widthPercentage =requestWidth/sourceWidth
+    let heightPercentage =requestHeight/sourceHeight
+    return Math.max(widthPercentage,heightPercentage)
+  }
+
+  getSampleSizeRounding(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    return 1
+  }
+
+}
+
+@Sendable
+export class FitCenter{
+  getName(){
+    return "FitCenter"
+  }
+  getScaleFactor(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    let widthPercentage =requestWidth/sourceWidth
+    let heightPercentage =requestHeight/sourceHeight
+    return Math.min(widthPercentage,heightPercentage)
+  }
+  getSampleSizeRounding(sourceWidth: number, sourceHeight: number, requestWidth: number, requestHeight: number): number {
+    return 1
+  }
+
+}
+
+export enum SampleSizeRounding{
+  MEMORY,
+  QUALITY
+}

library/src/main/ets/components/imageknife/Downsampling/Downsampler.ets

@@ -0,0 +1,121 @@
+/*
+ * asdfasdfasdfasdfasdf*/
+import { RequestOption } from '../RequestOption';
+import { FileTypeUtil } from '../utils/FileTypeUtil';
+import { CenterOutside, FitCenter, SampleSizeRounding } from './DownsampleStartegy';
+
+let TAG = 'downsampling'
+
+export class Downsampler {
+  calculateScaling(
+    imageType: ArrayBuffer,
+    sourceHeight: number,
+    sourceWidth: number,
+    request?: RequestOption
+  ): ESObject {
+    const fileType: string | null = new FileTypeUtil().getFileType(imageType)
+    let powerOfTwoWidth: number | null = null;
+    let powerOfTwoHeight: number | null = null;
+    let targetWidth: number = 0
+    let targetHeight: number = 0
+    if (request?.size.width && !request?.size.height) {
+      targetWidth = this.round((request?.size.height) * sourceWidth / sourceHeight)
+    } else if (request?.size.height && !request?.size.width) {
+      targetHeight = this.round((request?.size.width) * sourceHeight / sourceWidth)
+    } else if (request?.size.height && request?.size.width) {
+      targetHeight = request.size.height;
+      targetWidth = request?.size.width;
+    } else {
+      throw new Error("Cannot found width or height ");
+    }
+    if (sourceWidth <= 0 || sourceHeight <= 0) return;
+    let orientedSourceWidth = sourceWidth;
+    let orientedSourceHeight = sourceHeight;
+    if (this.isRotationRequired(90)) {
+      orientedSourceWidth = sourceHeight;
+      orientedSourceHeight = sourceWidth;
+    }
+    /*安卓的模式*/
+    let exactScaleFactor: number =new FitCenter()
+      .getScaleFactor(orientedSourceWidth, orientedSourceHeight, targetWidth, targetHeight)
+    if (exactScaleFactor <= 0) {
+      throw new Error("Cannot	round	with exactScaleFactor");
+    }
+    /*安卓的模式*/
+    let rounding: SampleSizeRounding =new FitCenter()
+      .getSampleSizeRounding(orientedSourceWidth, orientedSourceHeight, targetWidth, targetHeight)
+    if (rounding == null) {
+      throw new Error("Cannot round with null rounding");
+    }
+    let outWidth: number = this.round(exactScaleFactor * orientedSourceWidth);
+    let outHeight: number = this.round(exactScaleFactor * orientedSourceHeight);
+    let widthScaleFactor = Math.floor(orientedSourceWidth / outWidth);
+    let heightScaleFactor = Math.floor(orientedSourceHeight / outHeight);
+    let scaleFactor = rounding == SampleSizeRounding.MEMORY ?
+    Math.max(widthScaleFactor, heightScaleFactor) :
+    Math.min(widthScaleFactor, heightScaleFactor)
+    // 将整型的缩放因子转换为2的次幂采样大小
+    let powerOfTwoSampleSize: number = 0;
+    powerOfTwoSampleSize = Math.max(1,this.highestOneBit(scaleFactor))
+    if (rounding == SampleSizeRounding.MEMORY && powerOfTwoSampleSize < (1 / exactScaleFactor)) {
+      powerOfTwoSampleSize = powerOfTwoSampleSize << 1;
+    }
+    // 基于上一步得出的采样大小,根据不同的图片类型，计算采样后的图片尺寸
+    if (fileType == "jpeg") {
+      let nativeScaling = Math.min(powerOfTwoSampleSize, 8);
+      powerOfTwoWidth = Math.ceil(orientedSourceWidth / nativeScaling);
+      powerOfTwoHeight = Math.ceil(orientedSourceHeight / nativeScaling);
+      let secondaryScaling = Math.floor(powerOfTwoSampleSize / 8);
+      if (secondaryScaling > 0) {
+        powerOfTwoWidth = powerOfTwoWidth / secondaryScaling;
+        powerOfTwoHeight = powerOfTwoHeight / secondaryScaling;
+      }
+    } else if (fileType == "png") {
+      powerOfTwoWidth = Math.floor(orientedSourceWidth / powerOfTwoSampleSize);
+      powerOfTwoHeight = Math.floor(orientedSourceHeight / powerOfTwoSampleSize);
+    } else if (fileType == "webp") {
+      powerOfTwoWidth = Math.round(orientedSourceWidth / powerOfTwoSampleSize);
+      powerOfTwoHeight = Math.round(orientedSourceHeight / powerOfTwoSampleSize);
+    } else if (orientedSourceWidth % powerOfTwoSampleSize != 0 || orientedSourceHeight % powerOfTwoSampleSize != 0) {
+
+    } else {
+      powerOfTwoWidth = orientedSourceWidth / powerOfTwoSampleSize;
+      powerOfTwoHeight = orientedSourceHeight / powerOfTwoSampleSize;
+    }
+    let a: ESObject = { "targetWidth": powerOfTwoWidth, "targetHeight": powerOfTwoHeight }
+    return a
+  }
+  highestOneBit(i: number): number {
+    i |= (i >> 1);
+    i |= (i >> 2);
+    i |= (i >> 4);
+    i |= (i >> 8);
+    i |= (i >> 16);
+    return i - (i >>> 1);
+  }
+
+  round(value: number): number {
+    return Math.floor(value + 0.5);
+  }
+
+  isRotationRequired(degreesToRotate: number): boolean {
+    return degreesToRotate == 90 || degreesToRotate == 270;
+  }
+
+  // isScaling(options: ESObject): boolean {
+  //	return options.inTargetDensity >0
+  //	&& options.inDensity>0
+  //	&& options.inTargetDensity != options.inDensity;
+  //}
+  getDensityMultiplier(adjustedScaleFactor: number): number {
+    return Math.round(Number.MAX_VALUE * (adjustedScaleFactor <= 1 ? adjustedScaleFactor : 1 / adjustedScaleFactor));
+  }
+
+  adjustTargetDensityForError(adjustedScaleFactor: number): number {
+    let densityMultiplier = this.getDensityMultiplier(adjustedScaleFactor);
+    let targetDensity = this.round(densityMultiplier * adjustedScaleFactor);
+    let scaleFactorWithError = targetDensity / densityMultiplier;
+    let difference = adjustedScaleFactor / scaleFactorWithError;
+    return this.round(difference * targetDensity);
+  }
+}

library/src/main/ets/components/imageknife/ImageKnife.ets

@@ -567,6 +567,7 @@ export class ImageKnife {
     data.setDiskMemoryCachePath(this.diskMemoryCache.getPath())
     data.setPlaceHolderRegisterCacheKey(request.placeholderRegisterCacheKey);
     data.setPlaceHolderRegisterMemoryCacheKey(request.placeholderRegisterMemoryCacheKey);
+    data.setDownsampType(request.downsampType)
     return data;
   }
 
@@ -843,7 +844,7 @@ async function taskExecute(sendData:SendableData,taskData:TaskParams): Promise<P
   newRequestOption.size = taskData.size;
   newRequestOption.placeholderRegisterCacheKey = sendData.getPlaceHolderRegisterCacheKey();
   newRequestOption.placeholderRegisterMemoryCacheKey = sendData.getPlaceHolderRegisterMemoryCacheKey();
-
+  newRequestOption.downsampType = sendData.getDownsampType();
   if(taskData.placeholderSrc){
     newRequestOption.placeholderSrc = taskData.placeholderSrc as string | PixelMap | Resource | undefined;
   }

library/src/main/ets/components/imageknife/ImageKnifeComponent.ets

@@ -259,6 +259,9 @@ export struct ImageKnifeComponent {
     if (this.imageKnifeOption.signature) {
       request.signature = this.imageKnifeOption.signature;
     }
+    if(this.imageKnifeOption.downsampling){
+      request.downsampleOf(this.imageKnifeOption.downsampling)
+    }
   }
 
   configDisplay(request: RequestOption) {

library/src/main/ets/components/imageknife/ImageKnifeOption.ets

@@ -87,6 +87,9 @@ export class ImageKnifeOption {
   // gif加载展示一帧
   dontAnimateFlag? = false;
 
+  //下采样
+  downsampling?:BaseDownsampling = new DownsampleNone()
+
   // 占位图
   placeholderSrc?: string | PixelMap | Resource;
   placeholderScaleType?: ScaleType = ScaleType.FIT_CENTER

library/src/main/ets/components/imageknife/RequestOption.ets

@@ -60,7 +60,8 @@ import { SparkMD5 } from '../3rd_party/sparkmd5/spark-md5'
 import { FileUtils } from '../cache/FileUtils'
 import util from '@ohos.util'
 import { DataFetchResult } from './networkmanage/DataFetchResult'
-
+import { BaseDownsampling } from './Downsampling/BaseDownsampling'
+import { DownsampleNone } from './Downsampling/DownsampleStartegy'
 export interface Size {
   width: number,
   height: number
@@ -113,6 +114,8 @@ export class RequestOption {
   uuid: string = '' // 唯一标识
   loadSrc: string | PixelMap | Resource = '';
   strategy: DiskStrategy = new AUTOMATIC();
+  //下采样相关
+  downsampType: BaseDownsampling = new DownsampleNone()
   dontAnimateFlag = false;
   placeholderSrc: string | PixelMap | Resource | undefined = undefined;
   placeholderFunc: AsyncSuccess<ImageKnifeData> | undefined = undefined;
@@ -511,6 +514,10 @@ export class RequestOption {
     this.gpuEnabled = true;
     return this;
   }
+  downsampleOf(downsampType: ESObject){
+    this.downsampType = downsampType
+    return this;
+  }
 
   // 占位图解析成功
   placeholderOnComplete = (imageKnifeData:ImageKnifeData) => {

library/src/main/ets/components/imageknife/SendableData.ets

@@ -41,6 +41,7 @@ export class SendableData{
   private dataFetch: IDataFetch = new DownloadClient();
   private placeholderRegisterCacheKey: string = "";
   private placeholderRegisterMemoryCacheKey: string = "";
+  private downsampType: BaseDownsampling = new DownsampleNone();
 
   public setDataFetch(value: IDataFetch) {
     this.dataFetch = value;
@@ -194,4 +195,11 @@ export class SendableData{
   public getPlaceHolderRegisterMemoryCacheKey(): string {
     return this.placeholderRegisterMemoryCacheKey;
   }
+  public setDownsampType(Type: BaseDownsampling): BaseDownsampling{
+    return this.downsampType = Type;
+  }
+
+  public getDownsampType(): BaseDownsampling {
+    return this.downsampType;
+  }
 }

library/src/main/ets/components/imageknife/utils/ParseImageUtil.ets

@@ -16,15 +16,20 @@
 import { IParseImage } from '../interface/IParseImage'
 import image from '@ohos.multimedia.image';
 import { BusinessError } from '@ohos.base'
-import taskpool from '@ohos.taskpool';
-import { LogUtil } from './LogUtil';
+import { RequestOption } from '../RequestOption';
+import { Downsampler } from '../Downsampling/Downsampler';
 
 export class ParseImageUtil implements IParseImage<PixelMap> {
-  parseImage(imageinfo: ArrayBuffer, onCompleteFunction: (value: PixelMap) => void | PromiseLike<PixelMap>, onErrorFunction: (reason?: BusinessError | string) => void) {
-    this.parseImageThumbnail(1, imageinfo, onCompleteFunction, onErrorFunction)
+  parseImage(
+    imageinfo: ArrayBuffer,
+    onCompleteFunction: (value: PixelMap) => void | PromiseLike<PixelMap>,
+    onErrorFunction: (reason?: BusinessError | string) => void,
+    request?:RequestOption
+  ) {
+    this.parseImageThumbnail(1, imageinfo, onCompleteFunction, onErrorFunction,request)
   }
 
-  parseImageThumbnail(scale: number, imageinfo: ArrayBuffer, onCompleteFunction: (value: PixelMap) => void | PromiseLike<PixelMap>, onErrorFunction: (reason?: BusinessError | string) => void) {
+  parseImageThumbnail(scale: number, imageinfo: ArrayBuffer, onCompleteFunction: (value: PixelMap) => void | PromiseLike<PixelMap>, onErrorFunction: (reason?: BusinessError | string) => void,request?:RequestOption) {
 
     let imageSource: image.ImageSource = image.createImageSource(imageinfo); // 步骤一：文件转为pixelMap 然后变换 给Image组件
     imageSource.getImageInfo().then((value) => {
@@ -38,6 +43,18 @@ export class ParseImageUtil implements IParseImage<PixelMap> {
         editable: true,
         desiredSize: defaultSize
       };
+      if(request?.downsampType.getName()!=='DownsampleNone'){
+        const b:ESObject = new Downsampler().calculateScaling(imageinfo, hValue, wValue,request)
+        opts= {
+          editable: true,
+          desiredSize: {
+            height: b.targetHeight,
+            width: b.targetWidth
+          }
+        };
+      }
+
+
 
       imageSource.createPixelMap(opts).then((pixelMap: image.PixelMap) => {
         onCompleteFunction(pixelMap);

library/src/main/ets/components/imageknife/utils/gif/GIFParseImpl.ets

@@ -19,6 +19,8 @@ import { BusinessError } from '@ohos.base'
 import worker, { ErrorEvent, MessageEvents } from '@ohos.worker';
 import taskpool from '@ohos.taskpool'
 import { LogUtil } from '../LogUtil'
+import { RequestOption } from '../../RequestOption'
+import { Downsampler } from '../../Downsampling/Downsampler'
 
 export interface senderData {
   type: string,
@@ -34,7 +36,11 @@ export interface gifBackData {
 }
 
 export class GIFParseImpl implements IParseGif {
-  parseGifs(imageinfo: ArrayBuffer, callback: (data?: GIFFrame[], err?: BusinessError | string) => void) {
+  parseGifs(
+    imageinfo: ArrayBuffer,
+    callback: (data?: GIFFrame[], err?: BusinessError | string) => void,
+    _request?: RequestOption
+  ) {
     // 硬解码流程
     let imageSource = image.createImageSource(imageinfo);
     let decodeOpts: image.DecodingOptions = {
@@ -42,7 +48,25 @@ export class GIFParseImpl implements IParseGif {
       editable: true,
       rotate: 0
     }
-    let data:GIFFrame[] = [];
+    let hValue: number = 0
+    let wValue: number = 0
+    imageSource.getImageInfo().then((value) => {
+      hValue = Math.round(value.size.height);
+      wValue = Math.round(value.size.height);
+      if (_request?.downsampType.getName() !== 'DownsampleNone') {
+        const b: ESObject = new Downsampler().calculateScaling(imageinfo, Math.round(value.size.height), Math.round(value.size.width), _request)
+        decodeOpts = {
+          sampleSize: 1,
+          editable: true,
+          rotate: 0,
+          desiredSize: {
+            width: b.targetWidth,
+            height: b.targetHeight
+          }
+        }
+      }
+    })
+    let data: GIFFrame[] = [];
     imageSource.createPixelMapList(decodeOpts).then((pixelList: Array<PixelMap>) => {
       //sdk的api接口发生变更：从.getDelayTime() 变为.getDelayTimeList()
       imageSource.getDelayTimeList().then(delayTimes => {
@@ -60,20 +84,20 @@ export class GIFParseImpl implements IParseGif {
               }
               data.push(frame)
             }
-            callback(data,undefined)
+            callback(data, undefined)
             imageSource.release();
           }).catch((err: string) => {
             imageSource.release();
-            callback(undefined,err)
+            callback(undefined, err)
           })
         }
       }).catch((err: string) => {
         imageSource.release();
-        callback(undefined,err)
+        callback(undefined, err)
       })
     }).catch((err: string) => {
       imageSource.release();
-      callback(undefined,err)
+      callback(undefined, err)
     })
   }
 }

library/src/main/ets/components/imageknife/utils/svg/SVGParseImpl.ets

@@ -17,6 +17,7 @@ import { RequestOption } from '../../RequestOption'
 import { BusinessError } from '@ohos.base'
 import { ImageKnifeData, ImageKnifeType } from '../../ImageKnifeData'
 import image from '@ohos.multimedia.image'
+import { Downsampler } from '../../Downsampling/Downsampler'
 
 export class SVGParseImpl implements IParseSvg {
   parseSvg(option: RequestOption, imageInfo: ArrayBuffer,
@@ -24,23 +25,35 @@ export class SVGParseImpl implements IParseSvg {
            onErrorFunction: (reason?: BusinessError | string) => void) {
 
     let imageSource: image.ImageSource = image.createImageSource(imageInfo); // 步骤一：文件转为pixelMap 然后变换 给Image组件
-    let hValue = Math.round(option.size.height);
-    let wValue = Math.round(option.size.width);
-    let defaultSize: image.Size = {
-      height: hValue,
-      width: wValue
-    };
-    let opts: image.DecodingOptions = {
-      editable: true,
-      desiredSize: defaultSize
-    };
-    imageSource.createPixelMap(opts).then((pixelMap: image.PixelMap) => {
-      let imageKnifeData = ImageKnifeData.createImagePixelMap(ImageKnifeType.PIXELMAP, pixelMap)
-      onComplete(imageKnifeData?.drawPixelMap?.imagePixelMap as PixelMap);
-      imageSource.release()
-    }).catch((err: string) => {
-      onErrorFunction(err);
-      imageSource.release()
+    imageSource.getImageInfo().then((value) => {
+      let hValue = Math.round(value.size.height);
+      let wValue = Math.round(value.size.width);
+      let defaultSize: image.Size = {
+        height: hValue,
+        width: wValue
+      };
+      let opts: image.DecodingOptions = {
+        editable: true,
+        desiredSize: defaultSize
+      };
+      if (option?.downsampType.getName() !== 'DownsampleNone') {
+        const b: ESObject = new Downsampler().calculateScaling(imageInfo, hValue, wValue, option)
+        opts = {
+          editable: true,
+          desiredSize: {
+            width: b.targetWidth,
+            height: b.targetHeight
+          }
+        }
+      }
+      imageSource.createPixelMap(opts).then((pixelMap: image.PixelMap) => {
+        let imageKnifeData = ImageKnifeData.createImagePixelMap(ImageKnifeType.PIXELMAP, pixelMap)
+        onComplete(imageKnifeData?.drawPixelMap?.imagePixelMap as PixelMap);
+        imageSource.release()
+      }).catch((err: string) => {
+        onErrorFunction(err);
+        imageSource.release()
+      })
     })
   }
 }