前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Quartz2D进行渲染1. 渲染模式2. even-odd rule:奇偶填充规则3. nonzero winding number rule:非零绕数规则4. 其他会用到的渲染模式5. 混合模式

Quartz2D进行渲染1. 渲染模式2. even-odd rule:奇偶填充规则3. nonzero winding number rule:非零绕数规则4. 其他会用到的渲染模式5. 混合模式

作者头像
stanbai
发布2018-06-28 13:24:54
1.4K0
发布2018-06-28 13:24:54
举报
文章被收录于专栏:非典型技术宅非典型技术宅

这一晃就到了2017年,这期间好多假期啊,圣诞节、元旦,还赶上了一次为期一周的封闭开发。距离上一次更新文章过去了三周多,好羞惭。

上一篇写了Quartz2D的一些基本用法,今天分享一下Quartz2D的渲染模式。

1. 渲染模式

  • 空心 StrokePath- 实心 FillPath 和 EOFillPath (填充)
  • 填充一个路径的时候,路径里面的子路径都是独立填充的。
  • 假如是重叠的路径,决定一个点是否被填充,有两种规则
    • 1,nonzero winding number rule(非零绕数规则),假如一个点被从左到右跨过,计数器+1,从右到左跨过,计数器-1,最后,如果结果是0,那么不填充,如果是非零,那么填充。
    • 2,even-odd rule(奇偶规则),假如一个点被跨过1次,被跨过了奇数次,那么要被填充,被跨过偶数次则不填充,和方向没有关系

2. even-odd rule:奇偶填充规则

  • 当一个点被覆盖过奇数次则“填充”,偶数次则“不填充”。
代码语言:javascript
复制
CGContextEOFillPath(ctx);

奇偶填充规则

3. nonzero winding number rule:非零绕数规则

  • 当一个点被从左到右覆盖过标记为1,从右到左覆盖过标记为-1
代码语言:javascript
复制
CGContextDrawPath(ctx, kCGPathEOFillStroke);
  • 当标记为0的时候不填充,其他则填充- 简单总结,这个规则与方向有关,与次数无关

非零绕数规则

4. 其他会用到的渲染模式

  • 调用 CGContextDrawPath(context, kCGPathFill) 填充路径。
  • 调用 CGContextDrawPath(context, kCGPathStroke) 描边路径。
  • 调用 CGContextDrawPath(context, kCGPathFillStroke) 填充并描边路径。

5. 混合模式

  • 调用 CGContextSetBlendMode(context, kCGBlendModeNormal) 设置回合模式。 混合模式与常用的图形软件(如 Photoshop)的混合模式效果相同。有没有瞬间觉得高大上啊?

如果有兴趣继续深入了解,可以参考:官方文档

在简书上,还看到过一篇连载,非常不错。FalmeCore Graphics - Quartz 2D Programming Guide(中文翻译版)

下一篇咱们就要开始聊一聊OC下的贝塞尔曲线绘制了。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017.01.15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 渲染模式
  • 2. even-odd rule:奇偶填充规则
  • 3. nonzero winding number rule:非零绕数规则
  • 4. 其他会用到的渲染模式
  • 5. 混合模式
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档