【HarmonyOS NEXT】如何实现裁剪框固定不动，拖拽或缩放图片裁剪成适当矩形的图片裁剪功能

最新推荐文章于 2024-07-02 09:51:44 发布
最新推荐文章于 2024-07-02 09:51:44 发布
阅读量189 收藏
点赞数 1
文章标签： harmonyos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Mayism123/article/details/139868987
版权

 【关键字】

裁剪框 / 固定 / 拖拽 / 缩放 / 图片裁剪

【问题描述】

开发中遇到选择图片上传到服务器的功能。图片可根据需要裁剪成适当的矩形，具体操作是图片从相册选择，然后拖拽、缩放图片，裁剪框固定不动。目前鸿蒙中是否有提供类似的API或者SDK可以使用？

iOS demo地址：https://github.com/Vesincc/HQImageEditViewController/tree/master

【解决方案】

Demo：https://gitee.com/openharmony/codelabs/tree/master/Media/ImageEdit

实际效果示例。

ImageEdit.gif

Mayism123
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Java如何实现图片裁剪预览功能
09-03
在Java中实现图片裁剪预览功能是一项常见的需求，特别是在用户需要上传个人图像或处理其他类型图片的应用场景中。本文将介绍如何利用Java技术来完成这个功能，主要涉及的工具有jQuery Jcrop库用于前端交互，以及后端...
HarmonyOS开发学习笔记
m0_59676122的博客
01-24 1485
HarmonyOS开发学习笔记整理。。。持续更新
HarmonyOS第三方组件——鸿蒙图片裁剪组件ohos-Image-Cropper
VincenZsw的博客
01-29 1675
前言 基于鸿蒙开源系统，完成图像裁剪组件ohos-Image-Cropper的构建，实现了和Android-Image-Cropper同样的功能，代码已经开源到（https://gitee.com/iscas-ohos/harmony-image-cropper），欢迎各位开发者下载使用并提出宝贵意见~ 背景 ohos-Image-Cropper组件是个简单、灵活、高效的图片裁剪工具，支持图片在裁剪前进行裁剪框移动、旋转、翻转（水平、垂直）的操作，并将最终裁剪结果反馈给用户。 Sample解析 在
2024年鸿蒙最新HarmonyOS Next 图片缩放效果实现(3)，鸿蒙面试基础技能罗列
2401_84862061的博客
05-15 280
（**ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（HarmonyOS NEXT）**技术知识点。希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，****有了路线图，怎么能没有学习资料呢，小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的。
java图片裁剪
08-13
在Java编程语言中，图片裁剪是一项常见的图像处理任务，主要涉及到对图像的选取和截取，以便获得图像的一部分或按特定比例调整图像大小。Java提供了多种库和API来实现这个功能，使得开发者能够轻松地处理图像裁剪的...
全网首发鸿蒙 HarmonyOS NEXT星河版零基础入门到实战，零基础也能快速 入门鸿蒙开发教程
02-11
全网首发鸿蒙 HarmonyOS NEXT星河版零基础入门到实战，零基础也能快速入门鸿蒙开发教程；开发工具下载 HarmonyOS官网 → 一探究竟 → DevEco Studio 下载 地址：https://developer.huawei.com/consumer/cn/； ArkTS...
HarmonyOS应用开发者基础认证考试题目及答案
12-17
HarmonyOS应用开发者基础认证考试题目及答案HarmonyOS应用开发者基础认证考试题目及答案HarmonyOS应用开发者基础认证考试题目及答案HarmonyOS应用开发者基础认证考试题目及答案HarmonyOS应用开发者基础认证考试题目...
HarmonyOS应用开发者基础题库
12-29
【HarmonyOS应用开发者基础题库】主要涵盖了鸿蒙系统应用开发的基础知识，涉及DevEco Studio集成开发环境、 ArkTS编程语言、应用程序框架以及页面布局设计等方面。 1. **DevEco Studio**：它是华为提供的开发...
鸿蒙NEXT
2301_81771576的博客
06-29 1345
据了解，除了已经公开亮相华为开发者大会的腾讯视频、腾讯新闻、QQ 浏览器、搜狗输入法、腾讯自选股、QQ音乐、酷狗音乐、酷我音乐、全民K歌、懒人听书、起点读书外，腾讯旗下多款产品已在进行鸿蒙系统的开发适配工作，希望尽快保障用户平滑、安全、稳定地过渡到新系统。其次就是，鸿蒙NEXT针对一些基础、高频、创新的场景， 通过 API、控件等方式向第三方应用开放如实时朗读、智能荐图、自动填写、图文翻译、OCR 服务识别推荐、主体抠图、人脸检测、卡证识别等能力，和开发者共同打造生态级的鸿蒙原生智能。
【鸿蒙学习笔记】页面和自定义组件生命周期
张紫娃的博客
06-28 805
Q&A] 都谁有生命周期？
HarmonyOS APP应用开发项目- MCA助手（Day02持续更新中~）
Varin
06-30 597
鸿蒙APP开发是指在华为的HarmonyOS平台上构建应用程序的过程，它利用华为提供的DevEco Studio集成开发环境（IDE）以及一套丰富的API库，支持Java、JavaScript等语言，采用组件化和模块化设计原则。开发者可以通过创建Ability和Particle组件，构建具有分布式能力的应用，实现一次开发，多端部署的目标，让应用能够在手机、平板、穿戴设备、智能家电等不同设备之间无缝流转，提供统一的用户体验和强大的跨设备协同能力。鸿蒙APP开发旨在简化开发流程，降低开发成本，同时增强应用的安全
【最新鸿蒙应用开发】——鸿蒙国际化
m0_68038853的博客
06-29 984
鸿蒙应用开发的国际化主要是指让应用支持多种语言和适应不同地区的用户习惯。这包括对不同语言环境的支持，如文本和布局的本地化设置。要实现国际化，开发者需要准备应用程序支持的每种语言环境的一些资源，比如翻译后的文本、特定区域的图像等。Intl和I18n。：这个模块提供符合ECMA 402标准的基础国际化功能，如日期时间格式化、数字格式化等。这些功能可以帮助应用根据用户的语言和地区设置来显示相应的格式。：这个模块提供鸿蒙OS特有的国际化功能，以及对ECMA 402标准的补充，例如区域管理、电话号码处理等。
HDC Cloud 2024 | CodeArts加速软件智能化开发，携手HarmonyOS重塑企业应用创新体验
hwxiaozhi的博客
06-28 845
华为云CodeArts产品总监傅露先生表示，作为业界首款支持HarmonyOS应用一站式开发的DevOps平台，CodeArts有着HarmonyOS应用领域最具权威的开发规则，具备覆盖各开发环节的端云协同能力，打通端云壁垒。生产规则的本地化，有利于消除端云开发的差异，而端云壁垒的打通，能够实现沉浸式高效开发，本地直达生产。“厉兵秣马，致胜未来”，CodeArts也会保持航向，不断实现智能化创新，增强自身的智能化能力，为客户及开发者创造更多业务价值。联合华为云API，知识问答实现了全面的升级。
【鸿蒙学习笔记】鸿蒙ArkTS学习笔记
张紫娃的博客
06-30 416
【代码】【鸿蒙学习笔记】鸿蒙ArkTS学习笔记。
【鸿蒙】开发中设置热更新
读心悦
06-29 426
鸿蒙系统（HarmonyOS）的热更新和热加载设置主要涉及开发环境和系统更新两个方面。
HarmonyOS APP应用开发项目- MCA助手（Day01持续更新中~）
Varin
06-29 929
鸿蒙APP开发是指在华为的HarmonyOS平台上构建应用程序的过程，它利用华为提供的DevEco Studio集成开发环境（IDE）以及一套丰富的API库，支持Java、JavaScript等语言，采用组件化和模块化设计原则。开发者可以通过创建Ability和Particle组件，构建具有分布式能力的应用，实现一次开发，多端部署的目标，让应用能够在手机、平板、穿戴设备、智能家电等不同设备之间无缝流转，提供统一的用户体验和强大的跨设备协同能力。鸿蒙APP开发旨在简化开发流程，降低开发成本，同时增强应用的安全
SwanLinkOS首批实现与HarmonyOS NEXT互联互通，软通动力子公司鸿湖万联助力鸿蒙生态统一互联
最新发布
isoftstone_HOS的博客
07-02 663
随着OpenHarmony统一互联标准体系在千行百业的推广与应用，越来越多的行业领域厂商设备通过OpenHarmony实现了互联互通互操作，将进一步推动不同行业场景的创新和变革，从而显著提升各行业的效率和服务质量。在刚刚落下帷幕的华为开发者大会2024上，伴随全场景智能操作系统HarmonyOS Next的盛大发布，作为基于OpenHarmony的同根同源系统生态，在此前的OpenHarmony开发者大会2024上，鸿湖万联参与共同制定的《OpenHarmony设备统一互联技术标准》正式发布。
鸿蒙生态应用开发白皮书V3.0
womer的专栏
07-01 226
2024利用成本优化型+FPGA+和自适应+SoC+释放创新潜能白皮书（19页）.pdf。2024Q1机构投资者的资产管理报告-北欧四国养老基金资产配置与投资运营情况研究.pdf。2024中国生活部门固体燃料消耗的排放贡献和健康风险的区域性差异报告.pdf。积厚流光 稳而后进-中国证券业2023年发展回顾及2024年展望报告.pdf。2024抖音电商大家电行业趋势洞察（空调、冰箱）报告.pdf。2024新征程、新视野抗体偶联药物的崛起与展望报告.pdf。2024年全球欧洲足球锦标赛报告（英文版）.pdf。
HarmonyOS ArkUi ArkWeb加载不出网页问题踩坑
qq_34501274的博客
06-28 398
Android 、Ios 都有线上App 网页都是调试好的。是否为null进行判断，网页都可以正常加载出来了。有些网页加载不出来，有些能加载出来。使用还是比较简单的，直接贴代码了。官网上有一个写法，不过没验证。，导致整个界面都加载不出来。
freebasic写一段代码，读取一张png图片，裁剪成圆形的，并且保存
05-24
FreeBASIC本身并没有内置处理图片的库，需要使用第三方库。这里我使用了FreeImage库，你需要先安装该库并在代码中引用。 以下是一个读取PNG图片并裁剪成圆形的例子： ``` #include once "freeimage.bi" Const As String FILENAME = "test.png" Const As Integer RADIUS = 150 ' 圆的半径 Dim As FreeImage_Bitmap Ptr bmp, mask, cropped Dim As Integer width, height, x, y, i, j, k Dim As UByte Ptr p, m, c, q ' 读取原始图片 bmp = FreeImage_Load(FIF_PNG, FILENAME, 0) ' 获取图片大小 width = FreeImage_GetWidth(bmp) height = FreeImage_GetHeight(bmp) ' 创建掩码图像 mask = FreeImage_Allocate(width, height, 24, 0, 0, 0) m = FreeImage_GetBits(mask) ' 创建裁剪后的图像 cropped = FreeImage_Allocate(RADIUS * 2, RADIUS * 2, 24, 0, 0, 0) q = FreeImage_GetBits(cropped) ' 构造掩码图像 For y = 0 To height - 1 For x = 0 To width - 1 ' 获取像素值 p = FreeImage_GetPixelColor(bmp, x, y) c = p + 2 ' 从RGB转换到BGR ' 通过计算像素到中心的距离，判断是否在圆内 If (x - width/2)^2 + (y - height/2)^2 <= RADIUS^2 Then ' 在圆内，掩码为白色 m[y*width*3 + x*3] = 255 m[y*width*3 + x*3 + 1] = 255 m[y*width*3 + x*3 + 2] = 255 Else ' 不在圆内，掩码为黑色 m[y*width*3 + x*3] = 0 m[y*width*3 + x*3 + 1] = 0 m[y*width*3 + x*3 + 2] = 0 End If Next Next ' 裁剪图像 For j = 0 To RADIUS * 2 - 1 For i = 0 To RADIUS * 2 - 1 ' 获取掩码位置 k = (j - RADIUS) * width * 3 + (i - RADIUS) * 3 If m[k] = 255 Then ' 在圆内，复制像素到裁剪后的图像 q[j * RADIUS * 2 * 3 + i * 3] = c[k] q[j * RADIUS * 2 * 3 + i * 3 + 1] = c[k + 1] q[j * RADIUS * 2 * 3 + i * 3 + 2] = c[k + 2] End If Next Next ' 保存裁剪后的图像 FreeImage_Save(FIF_PNG, cropped, "cropped.png", 0) ' 释放内存 FreeImage_Unload(bmp) FreeImage_Unload(mask) FreeImage_Unload(cropped) ``` 请注意，这个例子只是简单的将图片裁剪成圆形，但是并没有处理透明背景。如果你需要处理透明背景，需要在掩码的计算中增加对Alpha通道的处理。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值