本文介绍对图片进行裁剪操作:
-
裁剪图片成圆形图片
-
裁剪图片成带边框的原型图片
二 原理
2.1 圆形图片的裁剪原理
-
绘制旧图片
-
依据就图片的尺寸,绘制圆,使得圆与图片正切(半径等于图片的宽度)
-
裁剪后的图片就是圆形图片
2.2 带边框图片的裁剪原理
-
绘制旧图片
-
依次绘制2个圆,使得小圆与图片正切,大图等于小圆+圆环*2
-
裁剪后的图片就是带边框的裁剪图片
三 裁剪图片成圆形图片
3.1 功能代码
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
//1.加载旧的图片
UIImage *oldImage=[UIImage imageNamed:@“阿狸头像”];
//2.开启上下文
UIGraphicsBeginImageContextWithOptions(oldImage.size, NO, 0.0);
//3.画圆:正切于上下文
UIBezierPath *path=[UIBezierPath bezierPathWithOvalInRect:CGRectMake(0, 0, oldImage.size.width, oldImage.size.height)];
//4.设置裁剪区域
[path addClip];
//5.画图片
[oldImage drawAtPoint:CGPointZero];
//6.生成一个新的图片
UIImage *newImage=UIGraphicsGetImageFromCurrentImageContext();
//7.关闭上下文
UIGraphicsEndImageContext();
_imageView.image=newImage;
}
3.2 圆形效果图
四 裁剪图片成带边框的原型图片
4.1 功能代码
- (void)viewDidLoad {
总结
写到这里也结束了,在文章最后放上一个小小的福利,以下为小编自己在学习过程中整理出的一个关于Flutter的学习思路及方向,从事互联网开发,最主要的是要学好技术,而学习技术是一条慢长而艰苦的道路,不能靠一时激情,也不是熬几天几夜就能学好的,必须养成平时努力学习的习惯,更加需要准确的学习方向达到有效的学习效果。
由于内容较多就只放上一个大概的大纲,需要更及详细的学习思维导图的 点击我的GitHub免费获取。
还有免费的高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术资料,并且还有技术大牛一起讨论交流解决问题。
%EF%BC%81.md)免费获取。
还有免费的高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术资料,并且还有技术大牛一起讨论交流解决问题。**