鸿蒙（API 12 Beta3版）【使用PixelMap完成图像变换】图片开发指导

最新推荐文章于 2024-10-11 22:09:44 发布

移动开发技术栈

最新推荐文章于 2024-10-11 22:09:44 发布

阅读量430

点赞数 5

分类专栏：鸿蒙开发文章标签： harmonyos openharmony 媒体鸿蒙图片鸿蒙系统程序员

本文链接：https://blog.csdn.net/m0_70748845/article/details/141402606

版权

鸿蒙开发专栏收录该内容

867 篇文章 23 订阅

订阅专栏

图片处理指对PixelMap进行相关的操作，如获取图片信息、裁剪、缩放、偏移、旋转、翻转、设置透明度、读写像素数据等。图片处理主要包括图像变换、[位图操作]，本文介绍图像变换。

开发步骤

完成[图片解码]，获取PixelMap对象。
获取图片信息。

import { BusinessError } from '@kit.BasicServicesKit';
// 获取图片大小
pixelMap.getImageInfo().then( (info : image.ImageInfo) => {
  console.info('info.width = ' + info.size.width);
  console.info('info.height = ' + info.size.height);
}).catch((err : BusinessError) => {
  console.error("Failed to obtain the image pixel map information.And the error is: " + err);
});

进行图像变换操作。

原图：

裁剪

// x：裁剪起始点横坐标0
// y：裁剪起始点纵坐标0
// height：裁剪高度400，方向为从上往下（裁剪后的图片高度为400）
// width：裁剪宽度400，方向为从左到右（裁剪后的图片宽度为400）
pixelMap.crop({x: 0, y: 0, size: { height: 400, width: 400 } });

缩放

// 宽为原来的0.5// 高为原来的0.5pixelMap.scale(0.5, 0.5);

偏移

// 向下偏移100// 向右偏移100pixelMap.translate(100, 100);

旋转

// 顺时针旋转90°pixelMap.rotate(90);

翻转

// 垂直翻转pixelMap.flip(false, true);

// 水平翻转 pixelMap.flip(true, false);

透明度

// 透明度0.5 pixelMap.opacity(0.5);

最后呢

很多开发朋友不知道需要学习那些鸿蒙技术？鸿蒙开发岗位需要掌握那些核心技术点？为此鸿蒙的开发学习必须要系统性的进行。

而网上有关鸿蒙的开发资料非常的少，假如你想学好鸿蒙的应用开发与系统底层开发。你可以参考这份资料，少走很多弯路，节省没必要的麻烦。由两位前阿里高级研发工程师联合打造的《鸿蒙NEXT星河版OpenHarmony开发文档》里面内容包含了（ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（Harmony NEXT）技术知识点

如果你是一名Android、Java、前端等等开发人员，想要转入鸿蒙方向发展。可以直接领取这份资料辅助你的学习。下面是鸿蒙开发的学习路线图。

在这里插入图片描述