在图片开发过程中经常会涉及到PixelMap的深拷贝，本例通过使用PixelMap的readPixelsToBuffer方法来实现深拷贝。在创建源PixelMap的时候，需要将解码参数设置为BGRA_8888，而在深拷贝创建目标PixelMap的时候需要将解码参数设置为RGBA_8888。详见。
使用说明
async function copyPixelMap(pm: PixelMap): Promise<PixelMap> {
const imageInfo: image.ImageInfo = await pm.getImageInfo();
const buffer: ArrayBuffer = new ArrayBuffer(pm.getPixelBytesNumber());
// TODO 知识点：通过readPixelsToBuffer实现PixelMap的深拷贝，其中readPixelsToBuffer输出为BGRA_8888
await pm.readPixelsToBuffer(buffer);
// TODO 知识点：readPixelsToBuffer输出为BGRA_8888,此处createPixelMap需转为RGBA_8888
const opts: image.InitializationOptions = {
editable: true,
pixelFormat: image.PixelMapFormat.RGBA_8888,
size: { height: imageInfo.size.height, width: imageInfo.size.width }
};
return await image.createPixelMap(buffer, opts);
}
async aboutToAppear(): Promise<void> {
const context: Context = getContext(this);
// 获取resourceManager资源管理
const resourceMgr: resourceManager.ResourceManager = context.resourceManager;
// 获取rawfile中的图片资源
const fileData: Uint8Array = await resourceMgr.getRawFileContent(ImageCropConstants.RAWFILE_PICPATH);
// 获取图片的ArrayBuffer
const buffer = fileData.buffer.slice(fileData.byteOffset, fileData.byteLength + fileData.byteOffset);
// 保存用于恢复原图的imageSource
this.imageSource = image.createImageSource(buffer);
// TODO 知识点： 创建源图片的用于深拷贝的PixelMap，因readPixelsToBuffer输出为BGRA_8888。故此处desiredPixelFormat需为BGRA_8888
const decodingOptions: image.DecodingOptions = {
editable: false, // 是否可编辑。当取值为false时，图片不可二次编辑。
desiredPixelFormat: image.PixelMapFormat.BGRA_8888,
}
// 保存用于深拷贝的pixelMap
this.pixelMapSrc = await this.imageSource.createPixelMap(decodingOptions);
// TODO 知识点： 通过readPixelsToBuffer进行深拷贝
this.pixelMapDst = await copyPixelMap(this.pixelMapSrc!);
}
...
// TODO 知识点：通过readPixelsToBuffer拷贝到PixelMap对象
const pixelMapTemp = await copyPixelMap(this.pixelMapSrc);
const imageInfo: image.ImageInfo = await pixelMapTemp.getImageInfo();
if (!imageInfo) {
logger.error(TAG, `imageInfo is null`);
return;
}
let imageHeight: number = imageInfo.size.height;
let imageWith: number = imageInfo.size.width;
if (proportion === ImageCropConstants.ONE_ONE) {
if (imageHeight > imageWith) {
imageHeight = imageWith;
} else {
imageWith = imageHeight;
}
}
try {
logger.info(TAG, `imageInfo imageHeight = ${JSON.stringify(imageHeight / proportion)}, imageWith = ${JSON.stringify(imageWith)}`);
// PixelMap按比例裁剪
await pixelMapTemp.crop({
size: { height: imageHeight / proportion, width: imageWith },
x: 0,
y: 0
});
this.pixelMapDst = pixelMapTemp;
} catch (error) {
logger.error(TAG, `imageInfo crop error = ${JSON.stringify(error)}`);
}
export async function savePixelMap(context: Context, pm: PixelMap): Promise<string> {
if (pm === null) {
logger.error(TAG, '传入的pm为空');
return '';
}
const imagePackerApi: image.ImagePacker = image.createImagePacker();
const packOpts: image.PackingOption = { format: 'image/jpeg', quality: 30 };
try {
packToFile(context, pm);
const data: ArrayBuffer = await imagePackerApi.packing(pm, packOpts);
return await saveFile(context, data);
} catch (err) {
logger.error(TAG, '保存文件失败，err=' + JSON.stringify(err));
return '';
}
}
async function saveFile(context: Context, data: ArrayBuffer): Promise<string> {
let uri: string = context.filesDir + '/' + getTimeStr() + '.jpg';
const file: fileIo.File = fs.openSync(uri, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
fs.writeSync(file.fd, data);
fs.closeSync(file);
// 加上file://前缀
uri = 'file:/' + uri;
return uri;
}
不涉及
imagedepthcopy // har类型
|---view
| |---ImageDepthCopy.ets // 视图层-图片深拷贝页面
|---constants
| |---ImageCropConstants.ets // 常量
|---model
| |---AdjustData.ets // 裁剪选项资源
|---util
| |---CopyObj.ets // 业务层-图片深拷贝处理
| |---FileUtil.ets // 业务层-图片保存
本示例依赖common模块来实现的打印、来实现页面的动态加载。
为了让大家都能学习到鸿蒙开发最新的技术，针对一些在职人员、0基础小白、应届生/计算机专业、鸿蒙爱好者等人群，整理了一套纯血版鸿蒙（HarmonyOS Next）全栈开发技术的学习路线【包含了大厂APP实战项目开发】。
1.基本概念
2.构建第一个ArkTS应用
3.……
1.应用基础知识
2.配置文件
3.应用数据管理
4.应用安全管理
5.应用隐私保护
6.三方应用调用管控机制
7.资源分类与访问
8.学习ArkTS语言
9.……
1.Ability开发
2.UI开发
3.公共事件与通知
4.窗口管理
5.媒体
6.安全
7.网络与链接
8.电话服务
9.数据管理
10.后台任务(Background Task)管理
11.设备管理
12.设备使用信息统计
13.DFX
14.国际化开发
15.折叠屏系列
16.……