1、效果如下、本文仅展示黑色直角矩形背景图片绘制方式、文字为Label后来附加

2、使用自定义的UIImageView、绘制 image、通过贝塞尔曲线、四点连线填充颜色完成、

  • 从(0,0) ---> (width,0) ---> (width-5,height) ---> (0,height) 四点、
  • 连接上path、
  • 填充上颜色、
  • 获取上下文图片

3、实现代码

@implementation HSRectangeView
- (instancetype)initWithFrame:(CGRect)frame
{self = [super initWithFrame:frame];if (self) {self.image = [self getRectWithCorner:frame];}return self;
}
- (UIImage *)getRectWithCorner:(CGRect)frame {UIImage *opaueImage;UIGraphicsBeginImageContextWithOptions(frame.size,NO, [UIScreen mainScreen].scale);CGContextRef context = UIGraphicsGetCurrentContext();UIBezierPath *path = [UIBezierPath bezierPath];[path moveToPoint:CGPointMake(0, 0)];[path addLineToPoint:CGPointMake(frame.size.width, 0)];[path addLineToPoint:CGPointMake(frame.size.width-5, frame.size.height)];[path addLineToPoint:CGPointMake(0, frame.size.height)];CGContextAddPath(context, path.CGPath);[[UIColor blackColor] setFill];CGContextFillPath(context);opaueImage = UIGraphicsGetImageFromCurrentImageContext();UIGraphicsEndImageContext();return opaueImage;
}
@end

4、调用方式

 UIImageView *backView = [[HSRectangeView alloc]initWithFrame:CGRectMake(0, 10, 80, 20)];[headImgView addSubview:backView];

iOS直角矩形图片绘制相关推荐

  1. 将矩形图片绘制成圆形图片

    这周的安卓作业要做一个音乐播放器, 而图片那块需要添加音乐的封面, 获取到的封面为矩形图片, 如果要像网易云一样做一个唱片风格的封面需要将矩形图片绘制成圆形图片, 在StackOverflow上查找得 ...

  2. ios 将矩形图片裁剪成圆形图片

    在ios中将一个正方形的图片裁剪成圆形的图片是一件非常容易的事情, 直接设置 imageView.layer.cornerRadius 这个属性, 再设置 imageView.clipsToBound ...

  3. uniapp中canvas将矩形图片绘制成圆形图片以及保存canvas到手机

    废话不多说直接上代码 本次是在uniapp中操作的 但是canvas都一样 前提是你已经赋予了canvas宽高了 //先获取你的canvas let ctx = uni.createCanvasCon ...

  4. 在Android中绘制圆角矩形图片

    圆角矩形图片在苹果的产品中很流行,相比于普通的矩形,很多人都喜欢圆角矩形的图片,下面在Android中实现将普通的矩形图片绘制成圆角矩形.        先来看一下普通矩形图片的显示,代码很简单,从r ...

  5. Android中绘制圆角矩形图片及任意形状图片

    转自http://blog.csdn.net/silangquan/article/details/8056583 圆角矩形图片在苹果的产品中很流行,相比于普通的矩形,很多人都喜欢圆角矩形的图片,因为 ...

  6. IOS 图片绘制过程中的剪切之后没有原图清晰的问题解决方法

    在开发的过程中,我们一般或多或少遇到对图片进行"压"和"缩"处理. "压",一般我们就是使用UIImageJPEGRepresentatio ...

  7. python opencv最小外接矩形_Opencv绘制最小外接矩形、最小外接圆

    Opencv中求点集的最小外结矩使用方法minAreaRect,求点集的最小外接圆使用方法minEnclosingCircle. minAreaRect方法原型: RotatedRect minAre ...

  8. 【iOS】Quartz2D图片剪切

    一.使用Quartz2D完成图片剪切 1.把图片显示在自定义的view中 先把图片绘制到view上.按照原始大小,把图片绘制到一个点上. 代码: 1 - (void)drawRect:(CGRect) ...

  9. cad画直角命令_CAD绘制燃气灶实例

    ▲ 点击"CAD教学",获取海量学习资料和免费教程 燃气灶是指用液化石油气(液体).人工煤气.天然气等气体燃料直接火加热的厨具.燃气灶又叫灶盘,知名度不详. 燃气灶常用于室内设计. ...

最新文章

  1. mac通过tree源码编译安装tree
  2. 呼叫中心的服务水平管理
  3. clouderamanager-server启动,log日志中说需要mysql驱动的解决办法
  4. Android rxjava2的disposable
  5. python模块xlwt怎么用不了_python中使用 xlwt 操作excel的常见方法与问题
  6. DjangoHTML页面加载和静态文件加载
  7. 如何使用MAT进行JVM内存泄露分析
  8. 【渝粤题库】广东开放大学 微信平台开发与应用 形成性考核 (2)
  9. Git初学札记(零)————EGIT完成Eclipse到GitHub一条龙
  10. 配置LINUX的DNS主辅服务器
  11. java—IO流——读取键盘输入的字母并转换成大写字母输出在控制台上
  12. 将CSV文件存为HTML文件形式
  13. CentOS6/CentOS7系统配置IPv6地址的方法
  14. 【安装教程】 【Visio2019】(附带安装包下载)
  15. Android自定义锁屏实现----仿正点闹钟滑屏解锁
  16. oracle取同期和上期,取同期和上期数据
  17. 你听过哪些与房东有关的悲催的故事?
  18. 钉钉JSAPI鉴权,解决报错“签名校验无效”
  19. 智能时代 算力赋能 | 有孚云·智算上线-聚智云算,向新而生!
  20. 18 模块划分4步骤——EDD

热门文章

  1. KendoUI学习笔记
  2. 这20种PS技术让你的照片美不胜收
  3. 根据原厂uboot进行移植
  4. Linux内存uncache区域拷贝优化
  5. 网上查信用报告,什么是问题验证?
  6. 获取Orcal编码格式为US7ASCII中文数据乱码问题;
  7. 计算机上DEL和INS怎么转换,HGVS命名之【缺失插入】Deletion-insertion (delins/indel)
  8. vivado使用笔记(1)--防止信号被综合优化dont touch
  9. unity疯狂牧场完整项目源码 - Frenzy Farming time management game kit V1.0
  10. servlet:共享资源造成的线程冲突