Call getMediaContent to obtain the media file content. Call createPixelMap to create a PixelMap instance.
The code snippet is as follows:
import { image } from '@kit.ImageKit';
@Entry
@Component
struct Index {
@State pixelMap: PixelMap | null = null;
convert() {
try {
// Byte array of media files
this.getUIContext().getHostContext()!.resourceManager.getMediaContent($r('app.media.startIcon').id,
(error: BusinessError, value: Uint8Array) => {
if (error) {
console.error(`getMediaContent failed: ${error.code}, ${error.message}`);
return;
}
let pixelMapInitOptions: image.InitializationOptions = {
editable: true,
pixelFormat: 3,
size: { height: 4, width: 6 }
};
// Create an imageSource instance
let imageSource = image.createImageSource(value.buffer);
// Decoding to generate PixelMap
imageSource.createPixelMap(pixelMapInitOptions).then((pixelMap) => {
this.pixelMap = pixelMap;
// Pixel operations or rendering can be performed here.
}).catch((decodeError: BusinessError) => {
console.error(`Decode failed: ${decodeError.code}, ${decodeError.message}`);
});
});
} catch (error) {
console.error(`Global error: ${error.code}, ${error.message}`);
}
}
build() {
Column() {
Button('Click to convert')
.onClick(() => {
this.convert();
})
.margin({ bottom: 16 })
Image(this.pixelMap)
}
.padding(16)
}
} Reference