@@ -532,6 +533,7 @@ HSP场景适配:
- imageknife # imageknife主要内容
- compress # 压缩相关
- constants # 常量相关
+ - Downsampling # 下采样相关
- entry # 部分数据结构
- holder # 占位图相关解析
- interface # 接口相关
@@ -560,6 +562,7 @@ HSP场景适配:
- basicTestResourceManagerPage.ets # 测试本地资源解析
- compressPage.ets # 压缩页面
- cropImagePage2.ets # 手势裁剪页面
+ - DownsamplingPage.ets # 图片下采样测试
- frescoImageTestCasePage.ets # 测试属性动画组件切换
- frescoRetryTestCasePage.ets # 测试ImageKnifeComponent加载失败重试
- svgTestCasePage.ets # 测试svg解析页面
diff --git a/entry/src/main/ets/pages/downsamplingPage.ets b/entry/src/main/ets/pages/downsamplingPage.ets
new file mode 100644
index 0000000..7465a87
--- /dev/null
+++ b/entry/src/main/ets/pages/downsamplingPage.ets
@@ -0,0 +1,366 @@
+/*
+ * Copyright (C) 2024 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 {
+ 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 originalMSquarePixelMap?: PixelMap = undefined;
+ @State mSquarePixelMap?: PixelMap = undefined;
+ @State h: number = 0
+ @State w: number = 0
+ @State originalBytesNumber: number = 0
+ @State bytesNumber: number = 0
+ @State url: string = ''
+ @State network: Boolean = false
+ @State imageKnifeOption: ImageKnifeOption = {
+ loadSrc: $r('app.media.icon'),
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed')
+ }
+
+ transformSquare1(mUrl: string|Resource|PixelMap) {
+ let imageKnifeOption: RequestOption = new RequestOption();
+ imageKnifeOption.load(mUrl)
+ .addListener({
+ callback: (err: BusinessError | string, data: ImageKnifeData) => {
+ this.originalMSquarePixelMap = data.drawPixelMap?.imagePixelMap as PixelMap;
+ this.originalBytesNumber = (data.drawPixelMap?.imagePixelMap as PixelMap).getPixelBytesNumber()
+ return false;
+ }
+ })
+ imageKnife?.call(imageKnifeOption);
+ }
+
+ transformSquare2(mUrl: string|Resource|PixelMap) {
+ let imageKnifeOption: RequestOption = new RequestOption();
+ let a = new fitter()
+ imageKnifeOption.load(mUrl)
+ .addListener({
+ callback: (err: BusinessError | string, data: ImageKnifeData) => {
+ this.mSquarePixelMap = data.drawPixelMap?.imagePixelMap as PixelMap;
+ this.bytesNumber = (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('jpg')
+ .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.originalBytesNumber)
+ Column() {
+ if (this.originalMSquarePixelMap) {
+ Image(this.originalMSquarePixelMap == undefined ? '' : this.originalMSquarePixelMap!)
+ .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.imageKnifeOption = {
+ loadSrc: pngUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ downsampling: new fitter()
+ }
+ });
+ Button('svg')
+ .onClick(() => {
+ this.transformSquare2(this.url);
+ this.imageKnifeOption = {
+ loadSrc: svgUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ downsampling: new fitter()
+ }
+
+ });
+ Button('bmp')
+ .onClick(() => {
+ this.transformSquare2(this.url);
+ this.imageKnifeOption = {
+ loadSrc: bmpUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ downsampling: new fitter()
+ }
+ });
+ Button('jpg')
+ .onClick(() => {
+ this.transformSquare2(this.url);
+ this.imageKnifeOption = {
+ loadSrc: jpgUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ downsampling: new fitter()
+ }
+ });
+ Button('gif')
+ .onClick(() => {
+ // this.transformSquare2(this.url);
+ this.imageKnifeOption = {
+ loadSrc: gifUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ downsampling: new fitter()
+ }
+ });
+ Button('webp')
+ .onClick(() => {
+ // this.transformSquare2(this.url);
+ this.imageKnifeOption = {
+ loadSrc: webpUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ downsampling: new fitter()
+ }
+ });
+ }.margin({ top: 20, bottom: 20 })
+
+ Text("降采样字节大小:" + this.bytesNumber)
+ this.TextInputSample()
+ Column() {
+ if (this.mSquarePixelMap) {
+ Image(this.mSquarePixelMap == undefined ? '' : this.mSquarePixelMap!)
+ .objectFit(ImageFit.Fill)
+ .width(200)
+ .height(200)
+ .margin({ top: 10 })
+ }
+ Text('component用法')
+ ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption }).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('jpg')
+ .onClick(() => {
+ this.transformSquare1(jpgUrl);
+
+ });
+ Button('gif')
+ .onClick(() => {
+ this.transformSquare1(gifUrl);
+
+ });
+ Button('webp')
+ .onClick(() => {
+ this.transformSquare1(webpUrl);
+
+ });
+ }.margin({ top: 20, bottom: 20 })
+
+ Text("原图字节大小：" + this.originalBytesNumber)
+ Column() {
+ if (this.originalMSquarePixelMap) {
+ Image(this.originalMSquarePixelMap == undefined ? '' : this.originalMSquarePixelMap!)
+ .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.imageKnifeOption = {
+ loadSrc: pngUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ }
+ });
+ Button('svg')
+ .onClick(() => {
+ this.transformSquare2(svgUrl);
+ this.imageKnifeOption = {
+ loadSrc: svgUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ }
+
+ });
+ Button('bmp')
+ .onClick(() => {
+ this.transformSquare2(bmpUrl);
+ this.imageKnifeOption = {
+ loadSrc: bmpUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ }
+ });
+ Button('jpg')
+ .onClick(() => {
+ this.transformSquare2(jpgUrl);
+ this.imageKnifeOption = {
+ loadSrc: jpgUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ }
+ });
+ Button('gif')
+ .onClick(() => {
+ // this.transformSquare2(gifUrl);
+ this.imageKnifeOption = {
+ loadSrc: gifUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ }
+ });
+ Button('webp')
+ .onClick(() => {
+ // this.transformSquare2(webpUrl);
+ this.imageKnifeOption = {
+ loadSrc: webpUrl,
+ placeholderSrc: $r('app.media.icon_loading'),
+ errorholderSrc: $r('app.media.icon_failed'),
+ }
+ });
+ }.margin({ top: 20, bottom: 20 })
+
+ Text("降采样字节大小:" + this.bytesNumber)
+ this.TextInputSample()
+ Column() {
+ if (this.mSquarePixelMap) {
+ Image(this.mSquarePixelMap == undefined ? '' : this.mSquarePixelMap!)
+ .objectFit(ImageFit.Fill)
+ .width(200)
+ .height(200)
+ .margin({ top: 10 })
+ }
+ Text('component用法')
+ ImageKnifeComponent({ imageKnifeOption: this.imageKnifeOption }).width(200).height(200)
+ }.height(300).width('100%').backgroundColor(Color.Pink)
+ }
+ }
+ }
+ }
+ .height('100%')
+ }
+}
+
diff --git a/entry/src/main/ets/pages/imageknifeTestCaseIndex.ets b/entry/src/main/ets/pages/imageknifeTestCaseIndex.ets
index 68c7303..0bf0e66 100644
--- a/entry/src/main/ets/pages/imageknifeTestCaseIndex.ets
+++ b/entry/src/main/ets/pages/imageknifeTestCaseIndex.ets
@@ -40,6 +40,10 @@ struct IndexFunctionDemo {
console.log("优先级加载")
router.pushUrl({ url: "pages/testPriorityComponent" });
}).margin({ top: 5, left: 3 })
+ Button("下采样加载")
+ .onClick(() => {
+ router.pushUrl({ url: "pages/downsamplingPage" });
+ }).margin({ top: 5, left: 3 })
}.width('100%').height(60).backgroundColor(Color.Pink)
Flex({ direction: FlexDirection.Row, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
diff --git a/entry/src/main/resources/base/profile/main_pages.json b/entry/src/main/resources/base/profile/main_pages.json
index affb988..057bcf6 100644
--- a/entry/src/main/resources/base/profile/main_pages.json
+++ b/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"
]
}
\ No newline at end of file
diff --git a/entry/src/ohosTest/ets/test/DefaultJobQueueTest.test.ets b/entry/src/ohosTest/ets/test/DefaultJobQueueTest.test.ets
index e1c1401..3212de0 100644
--- a/entry/src/ohosTest/ets/test/DefaultJobQueueTest.test.ets
+++ b/entry/src/ohosTest/ets/test/DefaultJobQueueTest.test.ets
@@ -18,7 +18,7 @@ import { DefaultJobQueue } from '@ohos/imageknife/src/main/ets/components/imagek
import { IJobQueue } from '@ohos/imageknife/src/main/ets/components/imageknife/utils/IJobQueue';
import taskpool from '@ohos.taskpool';
import common from '@ohos.app.ability.common';
-
+import { fitter} from '@ohos/imageknife';
export default function DefaultJobQueueTest() {
describe('DefaultJobQueueTest', () => {
@@ -52,6 +52,13 @@ export default function DefaultJobQueueTest() {
expect(imageKnife.maxRequests).assertEqual(10);
};
})
+ it("downsampleOf", 1, () => {
+ let request: RequestOption = new RequestOption()
+ if (request) {
+ let requests = request.downsampleOf(new fitter())
+ expect(requests.downsampType.getName()=='FitCenter').assertTrue()
+ };
+ })
});
}
diff --git a/library/index.ets b/library/index.ets
index 5e8d3ca..a4ed680 100644
--- a/library/index.ets
+++ b/library/index.ets
@@ -130,4 +130,9 @@ export { GIFFrame } from './src/main/ets/components/imageknife/utils/gif/GIFFram
export { IDrawLifeCycle } from './src/main/ets/components/imageknife/interface/IDrawLifeCycle'
// 日志管理
-export { LogUtil } from './src/main/ets/components/imageknife/utils/LogUtil'
\ No newline at end of file
+export { LogUtil } from './src/main/ets/components/imageknife/utils/LogUtil'
+
+/*下采样*/
+export {Downsampler} from './src/main/ets/components/imageknife/downsampling/Downsampler'
+
+export {DownsampleNone as sampleNone, FitCenter as fitter} from './src/main/ets/components/imageknife/downsampling/DownsampleStartegy'
\ No newline at end of file
diff --git a/library/src/main/ets/components/imageknife/ImageKnife.ets b/library/src/main/ets/components/imageknife/ImageKnife.ets
index 3f91422..ac4bac1 100644
--- a/library/src/main/ets/components/imageknife/ImageKnife.ets
+++ b/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 | 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) => {
diff --git a/library/src/main/ets/components/imageknife/SendableData.ets b/library/src/main/ets/components/imageknife/SendableData.ets
index c910e86..2096f68 100644
--- a/library/src/main/ets/components/imageknife/SendableData.ets
+++ b/library/src/main/ets/components/imageknife/SendableData.ets
@@ -18,7 +18,8 @@ import { collections } from '@kit.ArkTS';
import { IDataFetch } from './networkmanage/IDataFetch';
import { DiskLruCache } from '../cache/DiskLruCache';
import { DownloadClient } from './networkmanage/DownloadClient';
-
+import { BaseDownsampling } from './downsampling/BaseDownsampling';
+import { DownsampleNone } from './downsampling/DownsampleStartegy';
@Sendable
export class SendableData{
@@ -41,6 +42,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 +196,12 @@ export class SendableData{
public getPlaceHolderRegisterMemoryCacheKey(): string {
return this.placeholderRegisterMemoryCacheKey;
}
+
+ public setDownsampType(Type: BaseDownsampling): BaseDownsampling {
+ return this.downsampType = Type;
+ }
+
+ public getDownsampType(): BaseDownsampling {
+ return this.downsampType;
+ }
}
\ No newline at end of file
diff --git a/library/src/main/ets/components/imageknife/downsampling/BaseDownsampling.ets b/library/src/main/ets/components/imageknife/downsampling/BaseDownsampling.ets
new file mode 100644
index 0000000..62a04a8
--- /dev/null
+++ b/library/src/main/ets/components/imageknife/downsampling/BaseDownsampling.ets
@@ -0,0 +1,26 @@
+/*
+ * Copyright (C) 2024 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 { 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
+}
\ No newline at end of file
diff --git a/library/src/main/ets/components/imageknife/downsampling/DownsampleStartegy.ets b/library/src/main/ets/components/imageknife/downsampling/DownsampleStartegy.ets
new file mode 100644
index 0000000..9a756ed
--- /dev/null
+++ b/library/src/main/ets/components/imageknife/downsampling/DownsampleStartegy.ets
@@ -0,0 +1,149 @@
+/*
+ * Copyright (C) 2024 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 { 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 implements BaseDownsampling {
+ 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
+}
\ No newline at end of file
diff --git a/library/src/main/ets/components/imageknife/downsampling/Downsampler.ets b/library/src/main/ets/components/imageknife/downsampling/Downsampler.ets
new file mode 100644
index 0000000..41aeabb
--- /dev/null
+++ b/library/src/main/ets/components/imageknife/downsampling/Downsampler.ets
@@ -0,0 +1,134 @@
+/*
+ * Copyright (C) 2024 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 { RequestOption } from '../RequestOption';
+import { FileTypeUtil } from '../utils/FileTypeUtil';
+import { CenterOutside, FitCenter, SampleSizeRounding } from './DownsampleStartegy';
+
+let TAG = 'downsampling'
+export interface calculateScaleType {
+ targetWidth: number,
+ targetHeight: number
+}
+
+
+export class Downsampler {
+ calculateScaling(
+ imageType: ArrayBuffer,
+ sourceHeight: number,
+ sourceWidth: number,
+ request?: RequestOption
+ ): calculateScaleType {
+ 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){
+ throw new Error("Cannot found width or height");
+ };
+ 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 {
+ powerOfTwoWidth = orientedSourceWidth / powerOfTwoSampleSize;
+ powerOfTwoHeight = orientedSourceHeight / powerOfTwoSampleSize;
+ }
+ let a: calculateScaleType = { "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;
+ }
+
+ 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);
+ }
+}
\ No newline at end of file
diff --git a/library/src/main/ets/components/imageknife/interface/IParseImage.ets b/library/src/main/ets/components/imageknife/interface/IParseImage.ets
index 9713810..3fd1d82 100644
--- a/library/src/main/ets/components/imageknife/interface/IParseImage.ets
+++ b/library/src/main/ets/components/imageknife/interface/IParseImage.ets
@@ -13,8 +13,9 @@
* limitations under the License.
*/
import { BusinessError } from '@ohos.base'
+import { RequestOption } from '../RequestOption';
export interface IParseImage