iOS 2D绘图详解（Quartz 2D）之路径(stroke,fill,clip,subpath,blend)

最新推荐文章于 2025-06-28 09:04:35 发布
原创 最新推荐文章于 2025-06-28 09:04:35 发布 · 6.4k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ios #quartz #2d #绘图

本文详细介绍了iOS Quartz 2D绘图中的关键概念，包括描边（Stroke）的线宽、线帽、线JOIN等设置，填充（Fill）的规则，切割（Clip）操作以及子路径（Subpath）。同时，文章探讨了不同的混合模式，如Normal、Multiply和Screen，并给出了实际效果展示。

原创Blog，转载请注明出处
http://blog.youkuaiyun.com/hello_hwc?viewmode=list
我的stackoverflow

profile for Leo on Stack Exchange, a network of free, community-driven Q&A sites

前两篇基础博客路径

Stroke-描边

影响描边的因素

  • 线的宽度－CGContextSetLineWidth
  • 交叉线的处理方式－CGContextSetLineJoin
  • 线顶端的处理方式－CGContextSetLineCap
  • 进一步限制交叉线的处理方式 －CGContextSetMiterLimit
  • 是否要虚线－Line dash pattern
  • 颜色控件－CGContextSetStrokeColorSpace
  • 画笔颜色－CGContextSetStrokeColor/CGContextSetStrokeColorWithColor
  • 描边模式－CGContextSetStrokePattern

虚线，画笔颜色，交叉的处理方式，顶端的处理方式，线宽度在之前这篇文章里有讲过，这里不再赘述。

CGContextSetMiterLimit

如果当前交叉线绘图模式是kCGLineJoinMiter( CGContextSetLineJoin)，quartz根据设置的miter值来判断线的

最低0.47元/天 解锁文章
【绘图案例-裁剪上下文渲染区域 Objective-C语言】
madoca的博客
04-09 797
【绘图案例-裁剪上下文渲染区域 Objective-C语言】
Quartz 2D 裁剪
freshForIphone的专栏
12-09 5069
参考 使用Quartz 2D 可以对图片进行裁剪，简单的可以裁剪一个矩形，复杂的可以根据CGPath实现裁剪，也可以使用UIBezierPath进行裁剪，也可以使用一个UIImage做为mask进行裁剪。 对于如下图片，不使用裁剪时，显示全部内容 使用CGContextClipToRect裁剪矩形， UIImage* imageSrc = [UIImage imag
iOS 2D绘图 (Quartz2D)之路径(stroke，fill，clip，subpath,blend)
ddiv24492的博客
12-28 130
像往常一样 这个系列的博客是跟着大神的脚步来的。按照往例 在此贴出原博客的出处： http://blog.youkuaiyun.com/hello_hwc?viewmode=list 我对大神的崇拜之情 如滔滔江水 巴拉巴拉的 ......... 言归正传 Stroke-描边 影响描边的因素 线的宽度-CGContextSetLineWidth 交叉线的处理方式-CGContextSet...
ios-渲染的方式以及填充规则
rv0p111
07-31 1907
渲染的方式主要分为两种一种是描边一种是填充，其实就是一个是空心，一个是实心的区别，具体看代码这是C的方式 //1、获取当前上下文 CGContextRef ctx=UIGraphicsGetCurrentContext(); //2、拼接路径，同时把路径添加到上下文当中 //画个三角形 CGContextMoveToPoint(ctx, 50, 50);...
iOS: CGContext的函数CGContextClip
Alisa200920的专栏
07-31 1911
Modifies the current clipping path, using the nonzero winding number rule. void CGContextClip (    CGContextRef c );
利用CGContextClip、CGPathAddEllipseInRect裁剪视图
iteye_8742的博客
06-10 676
  以下可讲视图裁剪成一个圆形或椭圆： - (void) drawRect: (CGRect) aRect { UIImage *logo = [UIImageimageNamed:@"logo1.png"]; CGRect bounds = CGRectMake(0.0f, 0.0f,rect.origin.x + aRect.size.width, rect.or...
iOS开发之Quartz2D的介绍与使用详解
08-31
Quartz2D是苹果操作系统(iOS和Mac)中用于二维图形绘制的核心技术，它基于Core Graphics框架，提供了丰富的API供开发者使用。Quartz2D的API由一系列以CG为前缀的C语言函数组成，允许程序员创建复杂的图形、文本、图像...
iOS开发中Quartz2D绘图路径的使用以及条纹效果的实现
09-03
总的来说，Quartz2D为iOS开发者提供了丰富的图形绘制功能，包括灵活的绘图路径和各种视觉效果的实现。通过熟练掌握这些技术，可以创造出复杂且富有表现力的用户界面。在实际项目中，可以根据需求选择合适的方法，...
iOS开发中使用Quartz2D绘图及自定义UIImageView控件
09-03
在iOS开发中，Quartz2D是一个强大的2D图形绘制框架，它允许开发者直接操作像素来创建复杂的图形和图像。本篇文章将详细讲解如何利用Quartz2D在Objective-C环境中进行基本图形绘制以及自定义UIImageView控件。 首先...
ios学习临时笔记-CGContext学习
cjw19900903的专栏
03-19 1557
CGContextSaveGState(CGContextRef c)  按目前的图形状态的副本到图形状态栈。（路径不保存） CGContextRestoreGState(CGContextRef c) 还原最近一次保存的图形状态 CGContextScaleCTM(CGContextRef c, CGFloat sx, CGFloat sy) 缩放当前图形状态的矩阵 CG
Core Graphics的研究CGContext篇
m0_38040698的博客
04-23 817
CGContext Quartz 2D绘图目标。 图形上下文包含绘图参数和将页面上的油漆渲染到目标所需的所有特定于设备的信息，无论目标是应用程序中的窗口，位图图像，PDF文档还是打印机。 您可以通过使用Quartz图形上下文创建功能或使用Carbon，Cocoa或Printing框架中提供的高级功能来获取图形上下文。 Quartz为各种Quartz图形上下文（包括位图图像和PDF）提供创建功能...
一种将图片绘制在一个圆形区域内的简单方法——CGContextClip
NOHACKCC的专栏
10-10 3555
裁剪是Core Graphics的一项出色的功能特性，让你可以在任意形状中限制绘制操作。你需要做的就是添加形状到context上面，然后调用CGContextClip方法，而不是像之前那样填充它。以后的绘制动作都会被限定在那个区域中！
ios基础篇（七）—— 矩阵操作、图形上下文栈、Quartz2D的内存管理、绘制、图片裁剪
努力进阶的小菜鸟
10-15 546
一、矩阵操作 - 仿射变换 缩放 void CGContextScaleCTM(CGContextRef c, CGFloat sx, CGFloat sy) 旋转 void CGContextRotateCTM(CGContextRef c, CGFloat angle) 平移 void CGContextTranslateCTM(CGContextRef c, CGFloat tx, CGFloat ty) #import "HMView.h" @implementation HMView .
Paths
03-04 232
Paths   2010-06-20 21:36:33|  分类： cocoa |  标签：objective-c  quartz  paths  cocoa  iphone   |字号 订阅 Paths中的几个重要元素 Points void CGContextMoveToPoint (   CGContextRef c,   CGFloat x,
iOS 2D绘图详解（Quartz 2D）之路径(点,直线,虚线,曲线,圆弧,椭圆,矩形)
Leo的专栏
10-22 5279
原创Blog，转载请注明出处 http://blog.youkuaiyun.com/hello_hwc?viewmode=list 我的stackoverflow前言：一个路径可以包含由一个或者多个shape以及子路径subpath,quartz提供了很多方便的shape可以直接调用。例如：point,line,Arc(圆弧),Curves(曲线),Ellipse(椭圆),矩形(Rectangle).对
ios 画线平滑_IOS开发（80）之画线
weixin_42456278的博客
12-29 465
1 前言得到图形环境,然后用 cgcontextmovetopoint 和 cgcontextaddlinetopoint 函数来画线。2 代码实例zyviewcontrollerview.m[plain]- (void)drawrect:(cgrect)rect{[self drawrooftopattoppointof:cgpointmake(160.0f, 40.0f) texttodisp...
IOS图层Layer学习笔记（四）—— CAShapeLayer
谢攀琪的博客
11-26 1268
CAShapeLayer主要用于根据贝塞尔曲线绘制图形。 路径是CGPath对象。并允许填充和描边操作。绘制的图形是在图层和子图层之面，也就是必定会被子图层覆盖。 大部分操作和画图差不多。
从零到一：Blend2D高性能2D渲染引擎贡献指南与核心技术解密
最新发布
gitblog_00070的博客
06-28 493
你是否曾为2D渲染引擎的性能瓶颈而困扰？是否在寻找一个既支持复杂图形操作又能高效利用硬件加速的开源解决方案？Blend2D——这款由JIT编译器驱动的2D向量图形引擎，正是为解决这些痛点而生。作为一款新兴的开源项目，Blend2D凭借其创新的架构设计和极致的性能优化，正在图形渲染领域崭露头角。本文将带你深入了解Blend2D的贡献流程、技术规范以及核心实现细节，帮助你快速上手并参与到这个充满活力的...
【深入浅出IOS开发】图片剪切
AyaseEli的专栏
12-24 1286
我们常常需要将一个方形图片剪切成圆形，或者从某个大图里面获得一部分，这些时候我们通常用剪切。 裁剪相当于一种属性，减掉前面绘制的图形以外的区域。所以我们裁剪过之后通常要恢复以前的绘图状态 此时我们一般分以下三步： ①保存当前的上下文状态  CGContextSaveGState(ctr); ②在绘制好一些区域以后，进行裁剪  CGContextClip(ctr); ③恢复裁剪
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值