讓文字一筆一畫的出來!

讓文字一下就出來,這是最常見的也是最沒技術(shù)的了,深一步來就是讓文字一點(diǎn)點(diǎn)的渲染出來,就類似鏤空渲染效果,一點(diǎn)點(diǎn)渲染出來,這個(gè)不懂的可以看下我上一篇文章《鏤空渲染》,知識(shí)難點(diǎn)不多,很容易懂。。接下來,就是不好明白,卻也是非常cool的,就是讓文字自己通過筆畫來一點(diǎn)一點(diǎn)的畫出來,聽上去是不是很有趣,那么讓我們?nèi)?shí)現(xiàn)吧。。

效果圖:

首先,我們要明白,對(duì)應(yīng)處理這種文字,就要用到CoreText庫(kù)了,這個(gè)庫(kù)就是專門用來處理圖文的。我也不是太明白里面很多方法,以后遇到慢慢學(xué)。


探討:

? ? 通過查關(guān)于CoreText的資料,我這里簡(jiǎn)單的說下

來重新繪制字體,可以

1、利用CTFrameDraw,利用本身CTFrame和傳入的CGPath來繪制;

2、利用CTRun(每一個(gè)字形單元格),通過CGPath來繪制。



利用CTRun,來逐一繪制字形,得到路徑path

接下來就是實(shí)現(xiàn)彩色顏色一閃一閃的效果。

原理:利用漸變圖層CAGradientLayer,通過核心動(dòng)畫不斷改變顏色值,就能達(dá)到彩色顏色一閃一閃的效果。

最后一步,就是將字形路徑放在漸變圖層上去

這樣就完成了....

源碼地址github

總結(jié):coretext庫(kù)我對(duì)此了解也不夠,還是要繼續(xù)學(xué)習(xí),其實(shí),只要越牛逼的東西越難懂越難學(xué),但學(xué)會(huì)了會(huì)用了何嘗不是一種巨大提升,一種超越呢,加油?。。。?/h4>

最后編輯于
?著作權(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)容