iOS－－坐标变换Quartz 2D中的CGContextTranslateCTM、CGContextScaleCTM、CGContextRotateCTM、CGContextConcatCTM等

最新推荐文章于 2023-04-24 10:23:31 发布
原创 最新推荐文章于 2023-04-24 10:23:31 发布 · 1w 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ios #坐标变换 #Quartz 2D #CGContextRef

本文介绍了iOS中Quartz 2D的坐标变换，包括CGContextTranslateCTM的平移、CGContextScaleCTM的缩放和CGContextRotateCTM的旋转操作，以及如何通过CGAffineTransform进行更复杂的坐标变换和复合变换。此外，还提到了对CGPoint、CGSize、CGRect的变换以及对UIView的坐标变换应用。

iOS讲义总结

在iOS中，Quartz 2D提供了坐标变换支持。


一、特殊的坐标变换（平移、缩放、旋转）

1. - void CGContextTranslateCTM ( CGContextRef c, CGFloat tx, CGFloat ty )：平移坐标系统。 

该方法相当于把原来位于 (0, 0) 位置的坐标原点平移到 (tx, ty) 点。在平移后的坐标系统上绘制图形时，所有坐标点的 X 坐标都相当于增加了 tx，所有点的 Y 坐标都相当于增加了 ty。


2. - void CGContextScaleCTM ( CGContextRef c, CGFloat sx, CGFloat sy )：缩放坐标系统。

该方法控制坐标系统水平方向上缩放 sx，垂直方向上缩放 sy。在缩放后的坐标系统上绘制图形时，所有点的 X 坐标都相当于乘以 sx 因子，所有点的 Y 坐标都相当于乘以 sy 因子。


3. - void CGContextRotateCTM ( CGContextRef c, CGFloat angle )：旋转坐标系统。

该方法控制坐标系统旋转 angle 弧度。在缩放后的坐标系统上绘制图形时，所有坐标点的 X、Y 坐标都相当于旋转了 angle弧度之后的坐标。


为了让开发者在进行坐标变换时无须计算多次坐标变换后的累加结果，Quartz 2D还提供了如下两个方法来保存、恢复绘图状态。

- void CGContextSaveGState ( CGContextRef c )：保存当前的绘图状态。 

- void CGContextRestoreGState ( CGContextRef c )：恢复之前保存的绘图状态

最低0.47元/天 解锁文章
iOS CGContext Transform应用
mumuyinyin的博客
06-14 516
一直都知道CGContext坐标系是Y轴翻转的，但是对于附加的transform变化的应用一直的很让人烦躁的，这里主要记录一下变化过程。 1.UIImage 使用drawInRect 在context绘制图片的方式很多，如果没有旋转信息的话，可以直接用UIImage的方法绘制在画布上 Declaration - (void)drawInRect:(CGRect)rect; Pa...
CGContextTranslateCTM和CGContextScaleCTM真是个技术活
热门推荐
dick_china的专栏
09-06 2万+
使用CGContextTranslateCTM和CGContextScaleCTM真不容易，数学不好的哥们头的晕，比如我就是 下面的代码是用来类似做网页点击放大的效果，setTouchPoint是通过touchedmove去调用更新touchpoint点，调整放大镜的center的位置，而放大的效果则在下面drawRect里，而核心就在于如何在矩阵中变化，比如平移，旋转，scale缩放
ios 绘图笔记－－CGContextTranslateCTM
ranchunfeng的专栏
07-26 7418
我们在使用“CGContextShowTextAtPoint”，经常会遇到字体翻转问题。CGContextShowTextAtPoint word upside.这个问题可以通过    CGContextTranslateCTM(ctx, 0, imageSize.height)
Quartz 2D编程指南(5) - 变换(Transforms)
跑吧的专栏
10-24 5304
Quartz 2D 绘制模型定义了两种独立的坐标空间：用户空间(用于表现文档页)和设备空间(用于表现设备的本地分辨率)。用户坐标空间用浮点数表示坐标，与设备空间的像素分辨率没有关系。当我们需要一个点或者显示文档时， Quartz会将用户空间坐标系统映射到设备空间坐标系统。因此，我们不需要重写应用程序或添加额外的代码来调整应用程序的输出以适应不同的设备。 我们可以通过操作CTM(current t
CGContextTranslateCTM
shashen12300的博客
10-13 579
- (void)viewDidLoad { [super viewDidLoad]; [self drawPhoto]; } -(void)drawPhoto { //自定义图层 CALayer *layer=[[CALayer alloc]init]; layer.bounds=CGRectMake(0, 0, PHOTO_HEIGHT, PHOTO_HE
Quartz 2D的坐标系和UIKit的坐标系对比以及相互转换
tyforfreedom的专栏
08-05 526
Quartz 2D和UIKit的坐标系是不同的，这个也就可以理解为什么用Quartz 2D画和UIKit的倒过来的。 先看看下图： 左边的坐标系是Quartz 2D的坐标系，原点在左下角。右边是UIKit的坐标系，原点在右上角。我们代码来直观说明一下两者的关系： 1、首先用常规的方式在屏幕上把icon图片打印出来。看看原始的icon图片是什么样子的。 UIImage *image
iOS: 使用CGContextRef中的Transform来辅助作图
Yashon
11-12 949
注意： 本文讲述CGContextRef中相关Transform使用的API，其他类型的Transform会和此类似。 对于CGPath，Path的添加函数中会有CGAfflineTransform参数。如下图： 对于UIBezierPath类型，请使用applyTransform方法。 使用Transform可以帮助我们画出一些有规律且复杂的图像，同时Tran
Swift操作Quartz 2D进行简单的绘图与坐标变换的教程
09-02
你可以使用`CGContextTranslateCTM`、`CGContextScaleCTM`和`CGContextRotateCTM`等方法进行平移、缩放和旋转坐标变换。这些变换必须在添加图形路径之前执行，以确保变换作用于所有后续的绘图操作。 6. **截图和...
iOS开发中Quartz2D上下文栈与矩阵绘制技术详解
"iOS开发中使用Quartz2D绘制上下文栈和矩阵的方法"一文深入探讨了在iOS平台利用Quartz2D图形框架进行高级绘图操作的核心技术，重点聚焦于图形上下文（Graphics Context）的管理机制、上下文栈的操作原理以及坐标系...
iOS Quartz2D技术实现五角星绘制教程
总结来说，使用Quartz2D在iOS中绘制五角星需要掌握图形上下文的创建、路径的定义、填充颜色的设置、绘制操作的执行以及坐标变换等关键步骤。此外，还需注意数学计算、测试调试和性能优化等细节，以便更加高效地实现...
Quartz2D的各种图形的绘制
08-02
Quartz2D是苹果操作系统（包括iOS和macOS）中的核心图形库，它提供了一套强大的2D绘图API，允许开发者创建出高质量、高分辨率的图像和图形。本教程将深入探讨Quartz2D的基本概念，以及如何利用它来绘制各种形状。 ...
关于iOS图形上下文环境（CGContext）的操作
阿党的专栏
11-01 3212
CGContext是Quartz2D的描画环境，包括了描画参数以及将图渲染到目标页面上需要的所有设备相关的信息，目标页面可能是应用窗口，位图，PDF文档或者打印机。 每个图形上下文环境环境包含一个图形状态栈。基本知识图一：CG坐标系跟UI坐标系 图二：层的position和anchorPoint 接口函数创建一个基于位图的图形环境作为当前环境:等价于（UIGraphicsBeginImageC
【iOS开发-80】Quartz2D绘图简介：直线/圆形/椭圆/方形以及上下文栈管理CGContextSaveGState/CGContextRestoreGState
小小的客栈 大大的江湖
11-19 3441
Quartz2D绘图简介：直线/圆形/椭圆/方形以及上下文栈管理CGContextSaveGState/CGContextRestoreGState
CGContextTranslateCTM，CGContextScaleCTM，CGContextRotateCTM详解
学如逆水行舟
08-05 6062
在看到这几个函数的第一感觉是什么 translate 移动 scale 缩放 rotate 旋转 ，对，这就是我的第一感觉，先知道这些方法的意思是什么，至于怎么用，从文档中我们也不难发现，是这样的： 首先跟大家说一个注意点，以变换CTM之前(也就是在调用这些方法之前)，我们需要保存图形状态(调用之前我说的那你个 CGContextSaveGState())，以便绘制后能恢复（ CGContext
CoreGraphics QuartzCore CGContextTranslateCTM 用法
孙启超
05-13 2万+
CoreGraphics.h 一些常用旋转常量 #define M_E 2.71828182845904523536028747135266250 e 
#define M_LOG2E 1.44269504088896340735992468100189214 log 2e 
#define M_LOG10E 0.4342944819032518276511289189166050
CGContext对图片的旋转等比缩放效果
kingsley_cxz的专栏
06-30 3287
利用CGContext，对图片进行旋转处理并作等比缩放，保持图片的宽高比例。在CGContext中，对图片的几何处理主要用到CTM属性，该属性是坐标系对于context的映射，效果相当于对context进行了几何变换，其实只是坐标系的映射发生了几何变换而已。transalte,rotate只对原点坐标系的变换，scale则不会改变坐标系映射，但改变了点的缩放比例。 #import "Ro
CoreGraphics做高性能像素级渲染
madaxin的博客
04-24 396
第二个参数是负值，这意味着绘制的区域会做反向拉伸，于是画面会被翻转，结合 CGContextTranslateCTM 后，画面的绘制就变成从屏幕左下角作为纵向坐标的起始地址，绘制到屏幕的左上角。也就是说，UIView 调用 drawRect 后才会进一步调用 drawLayer，因此继承 UIView 时，必须继承实现 drawRect，这样 drawLayer 继承才会被调用。需要注意的是，这里不需要释放位图，是因为该引用会被用于绘制 UIView，接下来它会进入 UIView 的生命周期管理。
ios基础篇（七）—— 矩阵操作、图形上下文栈、Quartz2D的内存管理、绘制、图片裁剪
努力进阶的小菜鸟
10-15 540
一、矩阵操作 - 仿射变换 缩放 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 .
ios学习临时笔记-CGContext学习
cjw19900903的专栏
03-19 1555
CGContextSaveGState(CGContextRef c)  按目前的图形状态的副本到图形状态栈。（路径不保存） CGContextRestoreGState(CGContextRef c) 还原最近一次保存的图形状态 CGContextScaleCTM(CGContextRef c, CGFloat sx, CGFloat sy) 缩放当前图形状态的矩阵 CG
Swift使用Quartz 2D绘图与坐标变换实战教程
"这篇教程详细介绍了如何使用Swift与Quartz 2D进行基本的绘图和坐标变换。Quartz 2D是Apple的二维图形绘制引擎，适用于iOS和MacOS平台，提供低级别的2D渲染功能，包括绘制各种图形、文字、图像，以及处理PDF和图片。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值