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

于 2024-06-21 20:01:06 发布
阅读量244 收藏 1
点赞数 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
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
HarmonyOS第三方组件——鸿蒙图片裁剪组件ohos-Image-Cropper
VincenZsw的博客
01-29 1715
前言 基于鸿蒙开源系统，完成图像裁剪组件ohos-Image-Cropper的构建，实现了和Android-Image-Cropper同样的功能，代码已经开源到（https://gitee.com/iscas-ohos/harmony-image-cropper），欢迎各位开发者下载使用并提出宝贵意见~ 背景 ohos-Image-Cropper组件是个简单、灵活、高效的图片裁剪工具，支持图片在裁剪前进行裁剪框移动、旋转、翻转（水平、垂直）的操作，并将最终裁剪结果反馈给用户。 Sample解析 在
HarmonyOS Next 系列之从手机选择图片或拍照上传功能实现（五）
pixle的博客
06-11 1180
HarmonyOS Next（基于API11）实现从手机选择图片或拍照上传功能，常用于头像上传等操作
使用HarmonyOS实现图片编辑，裁剪、旋转、亮度、透明度
2401_82546228的博客
03-28 1543
本篇Codelab是基于ArkTS的声明式开发范式的样例，主要介绍了图片编辑实现过程。样例主要包含以下功能：
java 设置截图裁剪区_鸿蒙Java开发模式11:鸿蒙图片裁剪功能的实现
weixin_34637857的博客
02-24 656
1. 鸿蒙版图片裁剪功能，效果如下:首页图片裁剪区域:裁剪结果：2.Java代码实现如下:packagecom.example.javahm9.slice;importcom.example.javahm9.ResourceTable;importcom.example.javahm9.util.CropImage;importohos.aafwk.ability.AbilitySlice...
HarmonyOS Next 图片压缩方案
shudaoshanQAQ的博客
03-20 1022
图片压缩在应用开发中是一个非常常见的需求，特别是在处理用户上传图片时，需要上传指定大小以内的图片。
2024年HarmonyOS Next 大文件拷贝案例_鸿蒙next 拷贝本地文件(1)，2024年最新大厂面试必备技能有哪些
2401_84850808的博客
05-08 1012
有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。为了能够帮助大家快速掌握**鸿蒙（HarmonyOS NEXT）**应用开发技术知识。在此给大家分享一下我结合鸿蒙最新资料整理出来的鸿蒙南北向开发学习路线以及整理的最新版鸿蒙学习文档资料。这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了。
Android 拍照以及相册中选择(适配高版本)————上传头像并裁剪(一)
拉莫帅的博客
04-27 3993
在项目研发中，相信大家都遇到过给用户增加头像照片的需求。 随着所及版本的不断更新，大家在开发这个功能的同时，都会遇到常见的高版本适配等情况，本篇将为大家详细讲解如何调用摄像头拍照 & 选择相册，并裁剪图片。
【HarmonyOS NEXT】如何实现图片局部拉伸
Mayism123的博客
05-16 353
适配iPad，图片需要局部拉伸处理，比如iOS的https://www.jianshu.com/p/84848c1b2d47。鸿蒙有指定图片可以局部拉伸处理的解决方案吗？ResizableOptions属性可以实现图片局部拉伸。图片 / 局部拉伸 / iOS。
Java如何实现图片裁剪预览功能
09-03
在Java中实现图片裁剪预览功能是一项常见的需求，特别是在用户需要上传个人图像或处理其他类型图片的应用场景中。本文将介绍如何利用Java技术来完成这个功能，主要涉及的工具有jQuery Jcrop库用于前端交互，以及后端...
java图片裁剪
08-13
在Java编程语言中，图片裁剪是一项常见的图像处理任务，主要涉及到对图像的选取和截取，以便获得图像的一部分或按特定比例调整图像大小。Java提供了多种库和API来实现这个功能，使得开发者能够轻松地处理图像裁剪的...
HarmonyOS NEXT 应用高级认证知识考点
最新发布
07-11
HarmonyOS NEXT应用高级认证的知识考点近日得到了全面的更新，这次更新不仅增加了题库的难度，更在知识点的覆盖上做到了细致入微。对于那些希望深入了解和掌握HarmonyOS的专业人士来说，这无疑是一次重要的挑战和...
黑马HarmonyOS-NEXT星河版实战-课程网盘链接提取码下载 .txt
06-03
"黑马HarmonyOS-NEXT星河版实战"课程旨在帮助学员深入了解HarmonyOS-NEXT星河版操作系统的开发和实际应用。学员将学习操作系统原理、应用开发技巧和界面设计，通过实战项目提升技能。课程注重实践与理论相结合，为...
原生JS实现图片无缝滚动方法(附带封装的运动框架)
11-26
这需要通过复制第一张和最后一张图片到列表的开头和结尾，然后通过适当调整图片容器的位置来实现无缝过渡。 **实现思路**： 1. **复制图片**：将第一张图片复制添加到`<ul>`的最后，将最后一张图片复制添加到`<ul>...
鸿蒙开发实战项目(四十七):图片编辑（ArkTS）
sybh的博客
01-28 811
本篇Codelab主要介绍如何基于图片编解码，实现图片编辑。图片的解码。使用PixelMap进行图片编辑，如裁剪、旋转、亮度、透明度、饱和度等。图片的编码。
HarmonyOS NEXT图片选择和下载保存案例，阿里三面面经
2401_84181434的博客
04-17 809
本示例介绍图片相关场景的使用：包含访问手机相册图片、选择预览图片并显示选择的图片到当前页面，下载并保存网络图片到手机相册或到指定用户目录两个场景。有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的鸿蒙（HarmonyOS NEXT）资料用来跟着学习是非常有必要的。这份鸿蒙（HarmonyOS NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了。
HarmonyOS Next 手写绘制及保存图片案例，2024年最新一线互联网移动架构师NDK模块开发
2401_83946284的博客
04-09 903
本示例使用drawing库的Pen和Path结合NodeContainer组件实现手写绘制功能，并通过image库的packToFile和packing接口将手写板的绘制内容保存为图片。
【HarmonyOS NEXT】三方应用如何把图片存到相册
Mayism123的博客
03-07 971
首先保存一个空图片到图库，然后获取空文件路径，再把应用沙箱里的图片复制到空文件中即可。三方应用如何把图片存到相册？保存图片 / 相册管理。
鸿蒙Harmony应用开发—ArkTS声明式开发（通用属性：形状裁剪）
m0_64420071的博客
03-02 1523
ArkTS声明式开发（通用属性：形状裁剪）
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、付费专栏及课程。

余额充值