UIImage 图片处理：截图，缩放，CSS介绍

UIGraphicsEndImageContext();

return scaledImage;

}

2.自定长宽

- (UIImage *)reSizeImage:(UIImage *)image toSize:(CGSize)reSize

{

UIGraphicsBeginImageContext(CGSizeMake(reSize.width, reSize.height));

[image drawInRect:CGRectMake(0, 0, reSize.width, reSize.height)];

UIImage *reSizeImage = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

return reSizeImage;

}

3.处理某个特定View

只要是继承UIView的object 都可以处理

必须先import QuzrtzCore.framework

-(UIImage*)captureView:(UIView *)theView

{

CGRect rect = theView.frame;

UIGraphicsBeginImageContext(rect.size);

CGContextRef context = UIGraphicsGetCurrentContext();

[theView.layer renderInContext:context];

UIImage *img = UIGraphicsGetImageFromCurrentImageContext();

UIGraphicsEndImageContext();

return img;

}

4.储存图片

储存图片这里分成储存到app的文件里和储存到手机的图片库里

1) 储存到app的文件里

NSString *path = [[NSHomeDirectory()stringByAppendingPathComponent:@“Documents”]stringByAppendingPathComponent:@“image.png”];

[UIImagePNGRepresentation(image) writeToFile:pathatomically:YES];

把要处理的图片, 以image.png名称存到app home下的Documents目录里

2)储存到手机的图片库里(必须在真机使用，模拟器无法使用)

CGImageRef screen = UIGetScreenImage();

UIImage* image = [UIImage imageWithCGImage:screen];

CGImageRelease(screen);

UIImageWriteToSavedPhotosAlbum(image, self, nil, nil);

UIGetScreenImage(); // 原来是private(私有)api, 用来截取整个画面,不过SDK 4.0后apple就开放了

//====================================================================================

以下代码用到了Quartz Framework 和 Core Graphics Framework. 在workspace的framework目录里添加这两个framework.在UIKit里，图像类UIImage和CGImageRef的画图操作都是通过Graphics Context来完成。Graphics Context封装了变换的参数，使得在不同的坐标系里操作图像非常方便。缺点就是，获取图像的数据不是那么方便。下面会给出获取数据区的代码。

1. 从UIView中获取图像相当于窗口截屏。

(ios提供全局的全屏截屏函数UIGetScreenView(). 如果需要特定区域的图像，可以crop一下)

1. CGImageRef screen = UIGetScreenImage();

2. UIImage* image = [UIImage imageWithCGImage:screen];

2. 对于特定UIView的截屏。

（可以把当前View的layer，输出到一个ImageContext中，然后利用这个ImageContext得到UIImage）

1. -(UIImage*)captureView: (UIView *)theView

2. {

3. CGRect rect = theView.frame;

4. UIGraphicsBeginImageContext(rect.size);

5. CGContextRef context =UIGraphicsGetCurrentContext();

6. [theView.layer renderInContext:context];

7. UIImage *img = UIGraphicsGetImageFromCurrentImageContext();

8. UIGraphicsEndImageContext();

10. return img;

11. }

3. 如果需要裁剪指定区域。

（可以path & clip，以下例子是建一个200x200的图像上下文，再截取出左上角）

1. UIGraphicsBeginImageContext(CGMakeSize(200,200));

2. CGContextRefcontext=UIGraphicsGetCurrentContext();

3. UIGraphicsPushContext(context);

4. // …把图写到context中，省略[indent]CGContextBeginPath();

5. CGContextAddRect(CGMakeRect(0,0,100,100));

6. CGContextClosePath();[/indent]CGContextDrawPath();

7. CGContextFlush(); // 强制执行上面定义的操作

8. UIImage* image = UIGraphicGetImageFromCurrentImageContext();

9. UIGraphicsPopContext();

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新
如果你觉得这些内容对你有帮助，可以添加V：vip1024c 备注前端获取（资料价值较高，非无偿）

React

• 介绍一下react

• React单项数据流

• react生命周期函数和react组件的生命周期

• react和Vue的原理，区别，亮点，作用

• reactJs的组件交流

• 有了解过react的虚拟DOM吗，虚拟DOM是怎么对比的呢

• 项目里用到了react，为什么要选择react，react有哪些好处

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 怎么获取真正的dom

• 选择react的原因

• react的生命周期函数

• setState之后的流程

• react高阶组件知道吗？

• React的jsx，函数式编程

• react的组件是通过什么去判断是否刷新的

• 如何配置React-Router

• 路由的动态加载模块

• Redux中间件是什么东西，接受几个参数

• redux请求中间件如何处理并发

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】