个人中心
文章发布
退出
作者热门文章
- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
26
4
CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.
这篇CFSDN的博客文章iOS实现裁剪框和图片剪裁功能由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.
图片处理中经常用的图片剪裁，就是通过剪裁框确定图片剪裁的区域，然后剪去该区域的图片，今天实现了一下，其实图片剪裁本身不难，主要剪裁框封装发了点时间，主要功能可以拖动四个角缩放，但不能超出父视图，拖动四个边单方向缩放，不能超出父视图，拖动中间部分单单移动，不改变大小，不能超出父视图。下面列举一些主要代码。 四个角的处理代码:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
|
-(
void
)btnpangesture:(uipangesturerecognizer*)pangesture
{
uiview *vw = pangesture.view;
cgrect oldframe = self.frame;
cgrect oldintersectrect = cgrectintersection(self.frame, self.superview.bounds);
cgpoint transport = [pangesture translationinview:vw];
if
(vw.tag == 4) {
self.width = self.preframe.size.width + transport.x;
self.height = self.preframe.size.height + transport.y;
}
else
if
(vw.tag == 3)
{
self.x = self.preframe.origin.x + transport.x;
self.width = self.preframe.size.width - transport.x;
self.height = self.preframe.size.height + transport.y;
}
else
if
(vw.tag == 2)
{
self.width = self.preframe.size.width + transport.x;
self.y = self.preframe.origin.y + transport.y;
self.height = self.preframe.size.height - transport.y;
}
else
if
(vw.tag == 1)
{
self.x = self.preframe.origin.x + transport.x;
self.width = self.preframe.size.width - transport.x;
self.y = self.preframe.origin.y + transport.y;
self.height = self.preframe.size.height - transport.y;
}
if
(pangesture.state == uigesturerecognizerstateended) {
self.preframe = self.frame;
}
if
(self.width < minwidth || self.height < minheight) {
self.frame = oldframe;
}
cgrect newframe = self.frame;
if
(newframe.size.width * newframe.size.height > oldframe.size.height * oldframe.size.width) {
cgrect newintersectrect = cgrectintersection(self.frame, self.superview.bounds);
if
(newframe.size.width * newframe.size.height > newintersectrect.size.width * newintersectrect.size.height) {
self.frame = oldframe;
}
}
self.precenter = self.center;
}
|
我是通过视图于父视图的frame的交集部分的面积判断是否超出父视图的。 四个边的控制代码:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
-(
void
)viewpangesture:(uipangesturerecognizer*)pangesture
{
uiview *vw = pangesture.view;
cgrect oldframe = self.frame;
cgrect oldintersectrect = cgrectintersection(self.frame, self.superview.bounds);
cgpoint transport = [pangesture translationinview:vw];
if
(vw.tag == 1) {
self.y = self.preframe.origin.y + transport.y;
self.height = self.preframe.size.height - transport.y;
}
else
if
(vw.tag == 2)
{
self.x = self.preframe.origin.x + transport.x;
self.width = self.preframe.size.width - transport.x;
}
else
if
(vw.tag == 3)
{
self.height = self.preframe.size.height + transport.y;
}
else
if
(vw.tag == 4)
{
self.width = self.preframe.size.width + transport.x;
}
if
(pangesture.state == uigesturerecognizerstateended) {
self.preframe = self.frame;
}
if
(self.width < minwidth || self.height < minheight) {
self.frame = oldframe;
}
self.precenter = self.center;
cgrect newframe = self.frame;
if
(newframe.size.width * newframe.size.height > oldframe.size.height * oldframe.size.width) {
cgrect newintersectrect = cgrectintersection(self.frame, self.superview.bounds);
if
(oldintersectrect.size.width * oldintersectrect.size.height >= newintersectrect.size.width * newintersectrect.size.height) {
self.frame = oldframe;
self.precenter = self.precenter;
}
}
}
|
中间部分移动的控制代码:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
-(
void
)contentviewpangestureaction:(uipangesturerecognizer*)pangesture
{
cgpoint transport = [pangesture translationinview:self];
cgrect oldframe = self.frame;
cgrect oldintersectrect = cgrectintersection(self.frame, self.superview.bounds);
cgfloat oldmj = oldintersectrect.size.width * oldintersectrect.size.height;
self.center = cgpointmake(self.precenter.x + transport.x, self.precenter.y + transport.y);
if
(pangesture.state == uigesturerecognizerstateended) {
self.precenter = self.center;
}
cgrect newintersectrect = cgrectintersection(self.frame, self.superview.bounds);
cgfloat newmj = newintersectrect.size.width * newintersectrect.size.height;
if
(newmj < oldmj) {
self.frame = oldframe;
self.precenter = self.center;
}
}
|
剪裁框实现的核心代码如上，个人觉得最不好处理的是对超出父视图的控制，要保证不能超出父视图，个人主要用到的是通过子视图与父视图的交集部分的面积的改变来获知是否超出父视图，如果超出父视图，就会退到之前的frame，不知道是否还有其他好的方法，有的话可以一起交流一下.
图片剪裁部分 代码如下:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
-(
void
)cropimg
{
cgrect cropframe = self.cropview.frame;
cgfloat orgx = cropframe.origin.x * (self.img.size.width / self.imgview.frame.size.width);
cgfloat orgy = cropframe.origin.y * (self.img.size.height / self.imgview.frame.size.height);
cgfloat width = cropframe.size.width * (self.img.size.width / self.imgview.frame.size.width);
cgfloat height = cropframe.size.height * (self.img.size.height / self.imgview.frame.size.height);
cgrect croprect = cgrectmake(orgx, orgy, width, height);
cgimageref imgref = cgimagecreatewithimageinrect(self.img.cgimage, croprect);
cgfloat devicescale = [uiscreen mainscreen].scale;
uigraphicsbeginimagecontextwithoptions(cropframe.size, 0, devicescale);
cgcontextref context = uigraphicsgetcurrentcontext();
cgcontexttranslatectm(context, 0, cropframe.size.height);
cgcontextscalectm(context, 1, -1);
cgcontextdrawimage(context, cgrectmake(0, 0, cropframe.size.width, cropframe.size.height), imgref);
uiimage *newimg = uigraphicsgetimagefromcurrentimagecontext();
cgimagerelease(imgref);
uigraphicsendimagecontext();
alassetslibrary *library = [[alassetslibrary alloc] init];
[library toolwriteimagetosavedphotosalbum:newimg.cgimage metadata:nil completionblock:^(nsurl *asseturl, nserror *error) {
if
(error)
{
jglog(@
"写入出错"
);
}
} groupname:@
"相册名称"
];
}
|
这里要注意一点cgcontextdrawimage这个函数的坐标系和uikit的坐标系上下颠倒，需对坐标系处理如下:
|
1
2
|
cgcontexttranslatectm(context, 0, cropframe.size.height);
cgcontextscalectm(context, 1, -1);
|
看看效果:
剪裁之后的图片:
以上就是本文的全部内容，希望对大家的学习有所帮助.
最后此篇关于iOS实现裁剪框和图片剪裁功能的文章就讲到这里了,如果你想了解更多关于iOS实现裁剪框和图片剪裁功能的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。
26
4
0
是否有可能(在 cmd 批处理 ffmpeg 中)拍摄宽度已知(1920px)但高度未知的图像，如果超过，则将高度裁剪为特定的值？基本上是最大高度裁剪。 我玩过缩放和裁剪，但我无法得到我需要的结果。任
我有两个 SpatialPolygonsDataFrame文件:dat1、dat2 extent(dat1) class : Extent xmin : -180 xmax
我在 TensorFlow 上实现了全卷积网络。它使用编码器-解码器结构。训练时，我始终使用相同的图像大小(224x224，使用随机裁剪)并且一切正常。 在干扰阶段，我想一次预测一张图像，因为我想使用
我在 TensorFlow 上实现了全卷积网络。它使用编码器-解码器结构。训练时，我始终使用相同的图像大小(224x224，使用随机裁剪)并且一切正常。 在干扰阶段，我想一次预测一张图像，因为我想使用
我有一个需要裁剪的 View 。我有 4 个 View 显示在主视图上查看的视频 subview 。由于视频比例，我需要裁剪使视频成为正方形而不是矩形的 View 。这是我的代码: - (void)v
我正在构建一个使用 Parse 作为我的后端的网络应用程序。 部分注册过程涉及用户上传和裁剪图片，然后我将其传递到我的数据库(图片是用户个人资料的一部分，类似于您在 Twitter 上所做的)。 我已
我正在制作一个基于立方体的游戏(一切都是立方体)，目前正在尝试通过不在视野之外绘制东西来优化它。 以下内容仅适用于 x 和 y 平面，稍后我会担心 z ......所以现在只进行侧面裁剪。 我知道我自
我正在尝试在 iOS 上实现单指图像缩放/裁剪。类似于柯比·特纳的单指旋转。我正在寻找现有的库，或者如果您可以帮助我处理代码本身，那就太好了。 最佳答案 我不太清楚你所说的一指裁剪是什么意思，但我为
从这里: http://www.kylejlarson.com/blog/2011/how-to-create-pie-charts-with-css3/ .pieContainer
我已经设置了一个 SKScene 用作 SKReferenceNode。雪橇是一个 SKSpriteNode，在引用节点场景中定义了一个自定义类，所有的狗都是雪橇 Sprite 的 child 。自定
我有一个库，其中包含一些图像处理算法，包括感兴趣区域(裁剪)算法。使用 GCC 编译时，自动矢量化器会加速很多代码，但会降低 Crop 算法的性能。是否有标记某个循环以被矢量化器忽略的方法，或者是否有
代码位于 http://jsfiddle.net/rSSXu/ Child #parent { margin-left:auto; margin-right:auto;
我搜索了很多以删除不需要的空间，但找不到。我只找到可用于删除黑白背景空间的链接。但我的背景图片可以是任何东西。所以，如果我有这些图片， 我如何提取我需要的图像部分。例如， 最佳答案 这是我对你的问题的
我正在尝试将 CMSampleBufferRef 中的图像裁剪为特定大小。我正在执行 5 个步骤 - 1. 从 SampleBuffer 获取 PixelBuffer 2. 将 PixelBuffer
我读到它是自动的，但在我的案例中似乎没有发生。使用 UIImagePickerController 并将 allowsEditing 设置为 YES 我得到了带有裁剪方形叠加层的编辑 View ，但是
我正在寻找一种高效的方法来裁剪二维数组。考虑这个例子: 我有一个构成 100x100 网格的二维数组。我只想返回其中的一部分，60x60。这是一个“a”方法的示例，但我正在寻找指向执行此操作的最高性能
我有一个接受 UIImage 的类，用它初始化一个 CIImage，如下所示: workingImage = CIImage.init(image: baseImage!) 然后使用图像以 3x3 的
我正在尝试显示来自 mysql 数据库的图像。有些图像显示正确，但有些图像在底部显示为剪切/裁剪，裁剪部分仅显示为空白，当它成为图像的一部分时，您真的无法摆脱。 CSS 无法解决这个问题，使用 ima
我有个问题。我有什么理由不应该使用这个 Intent: Intent intent = new Intent("com.android.camera.action.CROP"); 为了裁剪我刚刚拍摄的
我有一些代码可以调整图像大小，因此我可以获得图像中心的缩放 block - 我使用它来获取 UIImage 并返回一个小的方形表示图片，类似于在照片应用程序的相册 View 中看到的内容。 (我知道我
我是一名优秀的程序员,十分优秀！