iOS中Quartz2D图片裁剪和图片增加文字描述
2016-02-29 00:37
316 查看
一. 图片加水印(在原来的基础上给图片添加些文字,logo,最终生成一张图片)
1> 不需要创建一个UIView
2> 只有和view相关联的上下文,系统才会创建
3> 关于需不需要自定义view的情况:
注意: 只要是画的东西,不显示到view就不需要自定义view--->给图片添加文字都是在原来的基础上添加,不需要自定义view
步骤:
1. 加载图片
2. 创建位图上下文(size:开启多大的上下文,就会生成多大的图片)
3. 把图片绘制的上下文当中
4. 绘制水印
5. 从山下文当中生成一张图片
6. 关闭位图上下文
效果图: 给一张图片添加文字,logo(左上角的文字添加)
代码实现部分:
三.带有边框的圆形图片裁剪(用户头像)
效果图:
需求: 需要将一张图片裁剪为上面的效果图样式
原理图:
代码书写步骤:
1. 确定边框的宽度
2. 加载图片
3. 开启位图上下文(大小 原始图片的宽度/高度 + 2 *边框宽度/高度);
4. 绘制边框(大圆)
5. 绘制小圆(把小圆设置成裁剪区域)
6. 把图片绘制到上下文当中
7. 从上下文当中生成图片
8. 关闭上下文
注意:由于这是一种特定的功能,这里我们封装成一个方法,只要用户有这样的需求,直接将装代码的文件拷贝过去就可以实现具体的功能
代码块:(我们这里给UIImageView增加一个分类)
9.在控制器中拿到storyboard中的UIImageVIew(展示的区域)调用上面这个方法就可以得到结果
1> 不需要创建一个UIView
2> 只有和view相关联的上下文,系统才会创建
3> 关于需不需要自定义view的情况:
注意: 只要是画的东西,不显示到view就不需要自定义view--->给图片添加文字都是在原来的基础上添加,不需要自定义view
步骤:
1. 加载图片
2. 创建位图上下文(size:开启多大的上下文,就会生成多大的图片)
3. 把图片绘制的上下文当中
4. 绘制水印
5. 从山下文当中生成一张图片
6. 关闭位图上下文
效果图: 给一张图片添加文字,logo(左上角的文字添加)
代码实现部分:
三.带有边框的圆形图片裁剪(用户头像)
效果图:
需求: 需要将一张图片裁剪为上面的效果图样式
原理图:
代码书写步骤:
1. 确定边框的宽度
2. 加载图片
3. 开启位图上下文(大小 原始图片的宽度/高度 + 2 *边框宽度/高度);
4. 绘制边框(大圆)
5. 绘制小圆(把小圆设置成裁剪区域)
6. 把图片绘制到上下文当中
7. 从上下文当中生成图片
8. 关闭上下文
注意:由于这是一种特定的功能,这里我们封装成一个方法,只要用户有这样的需求,直接将装代码的文件拷贝过去就可以实现具体的功能
代码块:(我们这里给UIImageView增加一个分类)
9.在控制器中拿到storyboard中的UIImageVIew(展示的区域)调用上面这个方法就可以得到结果
相关文章推荐
- iOS MVC设计模式与MVVM设计模式简介 —— HERO博客
- [iOS] 绘图 CGContext 用法
- ios 照相机和相册的调用
- iOS -- NSURLSession 实现断点下载
- iOS-自定义图片大小
- ios卡牌游戏项目源码
- 蜂窝教育iOS培训:认真对待每位学员
- IOS tableview
- openstack 中 启动虚拟机出现MP-BIOS bug:8254 timer not connected to IO-APIC
- iOS开发(OC)中的命名规范
- 【iOS】自定义TabBarController
- IOS设计模式-组合设计模式
- iOS GCD使用指南
- IOS 图片点击放大不失真
- IOS 支付宝移动支付接口集成问题
- iOS开发系列--音频播放、录音、视频播放、拍照、视频录制
- 此证书的签发者无效Missing iOS Distribution signing identity问题解决
- 不让苹果开发者账号折磨我
- iOS制作自己的静态库(即.a文件)
- ios 粒子开发