iOS在Context上繪制帶角度旋轉(zhuǎn)的文字

假設(shè)要在context的位置P點(diǎn)上繪制旋轉(zhuǎn)了w 角度的文字text

由于context繪制text的接口沒(méi)有參數(shù)可以設(shè)置文字的旋轉(zhuǎn)角度,但有提供context旋轉(zhuǎn)的方法,所以可以通過(guò)context旋轉(zhuǎn)的方式實(shí)現(xiàn)。

1. context旋轉(zhuǎn):把context旋轉(zhuǎn)w角度.?CGContextConcatCTM(context, CGAffineTransformMakeRotation(w));

2.位置P變換:計(jì)算P點(diǎn)在新坐標(biāo)系上的位置P' , 即把向量OP旋轉(zhuǎn) -w, 得到向量OP'.?

OP' = | cos(-w) ?-sin(-w)| ?* OP

? ? ? ? ? ?|sin(-w) ?cos(-w) |

3.text繪制:在新位置P'上繪制文字text. [text?drawAtPoint:pos' withAttributes:attributes]繪制文字

4. context恢復(fù):?把context旋轉(zhuǎn) -w 角度恢復(fù)原坐標(biāo)系?CGContextConcatCTM(context, CGAffineTransformMakeRotation(-w));



相關(guān)參考:

1. 通過(guò)context的操作實(shí)現(xiàn)圖像或圖形變換是一種比較常用的方法。例如UIImage中圖片的旋轉(zhuǎn),鏡像,裁切等效果是可以使用context實(shí)現(xiàn)的。AVFoundation中對(duì)視頻進(jìn)行旋轉(zhuǎn),鏡像,裁切等效果也是可以使用context完成的

2. 如果不想進(jìn)行“位置P變換”計(jì)算,這里也可以例context先平移到P點(diǎn)后,再進(jìn)行旋轉(zhuǎn);這樣會(huì)增加context的操作。具體操作如下:

? ? ?1)context原點(diǎn)平移到P點(diǎn)

? ? 2)context旋轉(zhuǎn)w

? ? 3) 繪制文字

? ?4)context旋轉(zhuǎn) -w

? 5) contex原點(diǎn)平移回原來(lái)的原點(diǎn)O


3. 也可以先用CGAffineTransform相關(guān)的變換函數(shù),先計(jì)算出平移及旋轉(zhuǎn)疊加的變換transform及其反變換transform'. 然后進(jìn)行context操作及繪制文字

1)計(jì)算出平移及旋轉(zhuǎn)的變換transform及其反變換transform'

2) 用transform對(duì)context進(jìn)行變換

3)繪制文字

4) 用transform' 對(duì)context進(jìn)行反變換

4. 對(duì)于三維的旋轉(zhuǎn)效果可以使用 CALayer和CATransform3D。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容