- ubuntu12.04环境下使用kvm ioctl接口实现最简单的虚拟机
- Ubuntu 通过无线网络安装Ubuntu Server启动系统后连接无线网络的方法
- 在Ubuntu上搭建网桥的方法
- ubuntu 虚拟机上网方式及相关配置详解
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的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
在this question的回答中, this fiddle进行“正常”裁剪,即灰色区域矩形外的图像将被裁剪,只保留灰色矩形区域内的图像。 “正常”裁剪的关键代码使用函数“clipTo”: obje
我一直在使用 JPanel,在提供的代码中名为 infoPanel,我希望能够在它前面精确地放置一个带有 JLabel 的 JTextField。我尝试向其中添加 JLabel,但无法将其放置在我想要
这可能没有我想象的那么难,但是我如何选择图像的一部分呢?考虑以下示例: 灰色区域是PNG或JPG格式的图片,现在我想从中选择红色的80x80像素区域。红色区域应显示,其余区域不显示。我尝试了很多方法:
http://www.youtube.com/watch?v=gZNdfVwkttM - 如果您看不到图片,您可以看到此视频中描述的所有问题。 下面所有图像中的所有墙壁都具有半透明的 PNG 纹理。每
我已经阅读了几个小时关于剪辑的文章,但我似乎没有找到解决我的问题的方法。 这是我的场景: 在 OpenGL ES 环境(IOS、Android)中,我有一个由可绘制对象组成的 2D 场景图,形成一棵树
问题是当我使用像 Helvetica Oblique 这样大小大于 13 的斜体字体时,UIButton 剪辑标题尾部(最后大约 1-2 个像素)。有人知道这个问题的解决方案吗? 最佳答案 子类 UI
想象一下,有一组光线围绕着一个圆圈 - 就像太阳一样。我想做的是遮盖光线,让光线看起来像是从太阳“升起”。 在 Flash 中,我可以通过执行类似以下步骤的操作为此创建一个不错的效果:- 将光线分成
我试图在背景图片上添加 CSS3 webkit 模糊,然后对其进行剪辑(通过将其放入较小的父级并设置 overflow: hidden ) 不幸的是,当我这样做时,我的模糊效果只发生在剪辑的内容上,所
如何让 div #1(页面标题)“切入”div #2(mainwrap)并查看背景图像? 例子: CSS: body {background-image: url("/background
我有一个相当数学的问题需要解决: 任务是用最少的废料从固定长度的管中切割出预定数量的管。 假设我想从标准长度为 6m 的 pipe 中切割出 10 根 1m 的 pipe 和 20 根 2.5m 的
我有一个巨大的image嵌入在 SVG 中的 map ,它比浏览器窗口大得多并位于屏幕中心。 有两条路。一条路径勾勒出一座建筑。另一条路径勾勒出 map 上的一个子区域。
我试图理解 E. L Foster 和 J. R. Overfelt [1] 的论文“Clipping of Arbitrary Polygons with Degeneracies”,该论文声称通过
我正在从一组点计算 voronoi 图,如下所示: from scipy.spatial import Voronoi import numpy as np np.random.seed(0) poi
我整天都在尝试解决这个问题,我将 mainWindow.xib 升级到了 4 英寸 iPhone 5 版本,并且我所有的 ActionSheets 在 4 英寸模拟器上都表现正常。但是,如果我取消在
我做了一个这样的面板框: HTML Hot Article Article Article Article
有什么方法可以防止 clip-path 剪掉它的 child 吗?例如,考虑以下代码: .el { width: 300px; height: 300px; clip-path: poly
我的应用程序使用 UINavigationController,但我没有显示工具栏,因为我的所有导航都由游戏内控件控制。 我没有标签栏,因为我没有使用 TabBarController。 我的游戏应用
场景: 在我的场景中,我实现了一个顶点着色器,它在相机位置的 xz 轴上定位一个平面网格。因此,如果相机移动,平面网格也会随之移动。这导致视觉效果,即在移动相机时,平面网格似乎保持固定在原地。这似乎工
我想替换列表中的大纲。因此我定义了一个上限和下限。现在,upper_bound 和 lower_bound 之下的每个值都替换为绑定(bind)值。我的方法是使用 numpy 数组分两步执行此操作。
我想在我的 Fabric-powered Canvas 中设置一个全局 clipTo,这将影响所有用户添加的图层。我想要一个不受此剪辑蒙版影响的背景图像和叠加图像。 例子: 这是这张照片中发生的事情:
我是一名优秀的程序员,十分优秀!