floraachy
/
ImageKnife
mirror of https://gitee.com/openharmony-tpc/ImageKnife.git
1
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

降采样适配SVG图片

This commit is contained in:
sijainguo 2024-04-29 11:23:35 +08:00
parent 4a8794bbfd
commit 2a01e5ea4d
3 changed files with 139 additions and 101 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

210
library/src/main/ets/components/imageknife/Downsampling/Downsampler.ets
View File

@ -5,13 +5,14 @@ import { FileTypeUtil } from '../utils/FileTypeUtil';
import { CenterOutside, FitCenter, SampleSizeRounding } from './DownsampleStartegy'; import { CenterOutside, FitCenter, SampleSizeRounding } from './DownsampleStartegy';
let TAG = 'downsampling' let TAG = 'downsampling'
export class Downsampler { export class Downsampler {
calculateScaling( calculateScaling(
imageType: ArrayBuffer, imageType: ArrayBuffer,
sourceHeight:number, sourceHeight: number,
sourceWidth:number, sourceWidth: number,
request?: RequestOption request?: RequestOption
):ESObject { ): ESObject {
const fileType: string | null = new FileTypeUtil().getFileType(imageType) const fileType: string | null = new FileTypeUtil().getFileType(imageType)
let powerOfTwoWidth: number | null = null; let powerOfTwoWidth: number | null = null;
let powerOfTwoHeight: number | null = null; let powerOfTwoHeight: number | null = null;
@ -39,103 +40,112 @@ export class Downsampler {
if (exactScaleFactor <= 0) { if (exactScaleFactor <= 0) {
throw new Error("Cannot round with exactScaleFactor"); throw new Error("Cannot round with exactScaleFactor");
} }
console.log('exactScaleFactor', exactScaleFactor) console.log('exactScaleFactor', exactScaleFactor)
/*安卓的模式*/ /*安卓的模式*/
let rounding: SampleSizeRounding = CenterOutside.getSampleSizeRounding(orientedSourceWidth, orientedSourceHeight, targetWidth, targetHeight) let rounding: SampleSizeRounding = CenterOutside.getSampleSizeRounding(orientedSourceWidth, orientedSourceHeight, targetWidth, targetHeight)
if (rounding == null) { if (rounding == null) {
throw new Error("Cannot round with null rounding"); 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)
let powerOfTwoSampleSize: number;
powerOfTwoSampleSize = Math.max(1, this.highestOneBit(scaleFactor));
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);
console.log('执行了没', powerOfTwoHeight, powerOfTwoWidth)
} else if (fileType == "WEBP") {
powerOfTwoWidth = Math.round(orientedSourceWidth / powerOfTwoSampleSize);
powerOfTwoHeight = Math.round(orientedSourceHeight / powerOfTwoSampleSize);
} else if (
orientedSourceWidth % powerOfTwoSampleSize != 0 || orientedSourceHeight % powerOfTwoSampleSize != 0) {
// let dimensions; number[] = this.getDimensions(imageReader, options, decodeCallbacks,bitmapPool);
// powerOfTwoWidth = dimensions[0];
// powerofTwoHeight = dimensions[1];
} else {
powerOfTwoWidth = orientedSourceWidth / powerOfTwoSampleSize;
powerOfTwoHeight = orientedSourceHeight / powerOfTwoSampleSize;
}
// Let adjustedScaleFactor = downsampleStrategy.getScaleFactor(powerOfTwoWidth, powerOfTwoHeight, targetWidth, targetHeight);
// Density scaling is only supported if inBitmap is null prior to KitKat. Avoid setting
// densities here so we calculate the final Bitmap size correctly.
// if (Build.VERSION,SDK_INT >=Build.VERSION_CODES.KITKAT) {
// options.inTargetDensity = this.adjustTargetDensityForError(adjustedScaleFactor);
// options,inDensity = this.getDensityMultiplier(adjustedScaleFactor);
//}
// if (this.isScaling(options)){
// options.inScaled = true;
// }else {
// options.inDensity = options.inTargetDensity =0;
// }
//}
let a: ESObject = { "targetWidth": powerOfTwoWidth, "targetHeight": powerOfTwoHeight }
return a
} }
//decodeStream(imageReader:ImageReader, options: ESObject, callbacks: DecodeCallbacks, bitmapPool: ESObject) { let outWidth: number = this.round(exactScaleFactor * orientedSourceWidth);
//if (!options.inJustDecodeBounds){ let outHeight: number = this.round(exactScaleFactor * orientedSourceHeight);
// callbacks.onObtainBounds(); let widthScaleFactor = Math.floor(orientedSourceWidth / outWidth);
// imageReader.stopGrowingBuffers(); let heightScaleFactor = Math.floor(orientedSourceHeight / outHeight);
// } let scaleFactor = rounding == SampleSizeRounding.MEMORY ? Math.max(widthScaleFactor, heightScaleFactor) : Math.min(widthScaleFactor, heightScaleFactor)
// } // 将整型的缩放因子转换为2的次幂采样大小
// getDimensions(imageReader: ImageReader, options: ESObject, decodeCallbacks: DecodeCallbacks, bitmapPool: ESObject):number[] { let powerOfTwoSampleSize: number;
// options.inJustDecodeBounds = true; if (rounding == SampleSizeRounding.MEMORY && powerOfTwoSampleSize < (1 / exactScaleFactor)) {
// this.decodeStream(imageReader, options, decodeCallbacks, bitmapPool); powerOfTwoSampleSize = powerOfTwoSampleSize << 1;
// options.inJustDecodeBounds =false; }
// return new Array(options.outWidth, options,outHeight); // 基于上一步得出的采样大小,根据不同的图片类型，计算采样后的图片尺寸
// 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);
console.log('执行了没', powerOfTwoHeight, powerOfTwoWidth)
} else if (fileType == "WEBP") {
powerOfTwoWidth = Math.round(orientedSourceWidth / powerOfTwoSampleSize);
powerOfTwoHeight = Math.round(orientedSourceHeight / powerOfTwoSampleSize);
} else if (
orientedSourceWidth % powerOfTwoSampleSize != 0 || orientedSourceHeight % powerOfTwoSampleSize != 0) {
// let dimensions; number[] = this.getDimensions(imageReader, options, decodeCallbacks,bitmapPool);
// powerOfTwoWidth = dimensions[0];
// powerofTwoHeight = dimensions[1];
} else {
powerOfTwoWidth = orientedSourceWidth / powerOfTwoSampleSize;
powerOfTwoHeight = orientedSourceHeight / powerOfTwoSampleSize;
}
// Let adjustedScaleFactor = downsampleStrategy.getScaleFactor(powerOfTwoWidth, powerOfTwoHeight, targetWidth, targetHeight);
// Density scaling is only supported if inBitmap is null prior to KitKat. Avoid setting
// densities here so we calculate the final Bitmap size correctly.
// if (Build.VERSION,SDK_INT >=Build.VERSION_CODES.KITKAT) {
// options.inTargetDensity = this.adjustTargetDensityForError(adjustedScaleFactor);
// options,inDensity = this.getDensityMultiplier(adjustedScaleFactor);
//}
// if (this.isScaling(options)){
// options.inScaled = true;
// }else {
// options.inDensity = options.inTargetDensity =0;
// } // }
//}
let a: ESObject = { "targetWidth": powerOfTwoWidth, "targetHeight": powerOfTwoHeight }
return a
}
highestOneBit(i: number): number{ //decodeStream(imageReader:ImageReader, options: ESObject, callbacks: DecodeCallbacks, bitmapPool: ESObject) {
i |= (i >> 1); //if (!options.inJustDecodeBounds){
i |= (i >> 2); // callbacks.onObtainBounds();
i |= (i >> 4); // imageReader.stopGrowingBuffers();
i |= (i >> 8); // }
i |= (i >> 16); // }
return i - (i >>> 1); // getDimensions(imageReader: ImageReader, options: ESObject, decodeCallbacks: DecodeCallbacks, bitmapPool: ESObject):number[] {
} // options.inJustDecodeBounds = true;
round(value: number): number { // this.decodeStream(imageReader, options, decodeCallbacks, bitmapPool);
return Math.floor(value +0.5); // options.inJustDecodeBounds =false;
} // return new Array(options.outWidth, options,outHeight);
isRotationRequired(degreesToRotate: number): boolean { //
return degreesToRotate == 90 || degreesToRotate == 270; // }
}
// isScaling(options: ESObject): boolean { highestOneBit(i: number): number {
// return options.inTargetDensity >0 i |= (i >> 1);
// && options.inDensity>0 i |= (i >> 2);
// && options.inTargetDensity != options.inDensity; i |= (i >> 4);
//} i |= (i >> 8);
getDensityMultiplier(adjustedScaleFactor: number):number{ i |= (i >> 16);
return Math.round(Number.MAX_VALUE * (adjustedScaleFactor <= 1 ? adjustedScaleFactor : 1 / adjustedScaleFactor)); return i - (i >>> 1);
} }
adjustTargetDensityForError(adjustedScaleFactor:number):number{
let densityMultiplier = this.getDensityMultiplier(adjustedScaleFactor); round(value: number): number {
let targetDensity = this.round(densityMultiplier * adjustedScaleFactor); return Math.floor(value + 0.5);
let scaleFactorWithError = targetDensity / densityMultiplier; }
let difference = adjustedScaleFactor / scaleFactorWithError;
return this.round(difference * targetDensity); 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);
}
}

7
library/src/main/ets/components/imageknife/utils/ParseImageUtil.ets
View File

@ -20,7 +20,12 @@ import { RequestOption } from '../RequestOption';
import { Downsampler } from '../Downsampling/Downsampler'; import { Downsampler } from '../Downsampling/Downsampler';
export class ParseImageUtil implements IParseImage<PixelMap> { export class ParseImageUtil implements IParseImage<PixelMap> {
parseImage(imageinfo: ArrayBuffer, onCompleteFunction: (value: PixelMap) => void | PromiseLike<PixelMap>, onErrorFunction: (reason?: BusinessError | string) => void,request?:RequestOption) { parseImage(
imageinfo: ArrayBuffer,
onCompleteFunction: (value: PixelMap) => void | PromiseLike<PixelMap>,
onErrorFunction: (reason?: BusinessError | string) => void,
request?:RequestOption
) {
this.parseImageThumbnail(1, imageinfo, onCompleteFunction, onErrorFunction,request) this.parseImageThumbnail(1, imageinfo, onCompleteFunction, onErrorFunction,request)
} }

23
library/src/main/ets/components/imageknife/utils/svg/SVGParseImpl.ets
View File

@ -34,6 +34,29 @@ export class SVGParseImpl implements IParseSvg {
editable: true, editable: true,
desiredSize: defaultSize desiredSize: defaultSize
}; };
imageSource.getInageInfo().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)
console.log("bbb-----", JSON.stringify(b))
opts = {
editable: true,
desiredSize: {
width: b.targetWidth,
height: b.targetHeight
}
}
}
})
imageSource.createPixelMap(opts).then((pixelMap: image.PixelMap) => { imageSource.createPixelMap(opts).then((pixelMap: image.PixelMap) => {
let imageKnifeData = ImageKnifeData.createImagePixelMap(ImageKnifeType.PIXELMAP, pixelMap) let imageKnifeData = ImageKnifeData.createImagePixelMap(ImageKnifeType.PIXELMAP, pixelMap)
onComplete(imageKnifeData?.drawPixelMap?.imagePixelMap as PixelMap); onComplete(imageKnifeData?.drawPixelMap?.imagePixelMap as PixelMap);