0
点赞
收藏
分享

微信扫一扫

IOS开发之——图片裁剪(82),不愧是Alibaba技术官

柠檬果然酸 2022-03-11 阅读 75

本文介绍对图片进行裁剪操作:

  • 裁剪图片成圆形图片

  • 裁剪图片成带边框的原型图片

二 原理


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进阶实践技术资料,并且还有技术大牛一起讨论交流解决问题。**

跨平台开发:Flutter.png

举报

相关推荐

不愧是姚明!

0 条评论