iOS 繪圖中的 FillMode 填充模式

簡介


在繪圖中, 我們經(jīng)常需要對路徑進行填充操作. 那么問題來了, 在一個路徑的覆蓋范圍內(nèi), 如何判斷哪些區(qū)域需要被填充, 哪些區(qū)域不需要被填充呢? 其實很簡單, 在你的 畫布 中設置一個, 判斷這個點是否在路徑覆蓋范圍內(nèi), 如果在路徑覆蓋的范圍內(nèi), 那么所在的封閉區(qū)域就是需要填充的區(qū)域(內(nèi)部點), 否則(外部點)則不需要填充. 這時候有的小伙伴可能會說: 我去, 你這不廢話么?. 別急, 我來解釋解釋我為什么會說這句廢話, 往下看.
我想大家應該都聽說過 不自交自相交這兩種多邊形. 定義如下:

  • 不自交: 一個多邊形, 僅頂點處連接, 而在畫布內(nèi)沒有其他的公共交點.
  • 自相交: 一個多邊形, 除了頂點連接外, 在畫布內(nèi)還有其他的公共交點.

這下大家明白了吧? 如果是一個不自交的多邊形, 那很容易判斷一個點是否在這個多邊形路徑的覆蓋范圍內(nèi), 那么我們也就很容易知道哪部分是填充區(qū)域. 但是如果判斷一個點, 是否在自相交多邊形內(nèi), 則需要用到一下兩種原則來進行判斷, 這兩種原則, 也就是傳說中的FillMode.

  1. Even-Odd Rule: 基偶原則
  2. Nonzero Winding Number Rule: 非零環(huán)繞數(shù)原則

這倆破玩意兒從字面上看, 有點難理解, 不過別著急, 我來帶大家一一進行講解.

FileMode


Even-Odd Rule

奇偶原則: 從路徑覆蓋范圍內(nèi)的任意一點做一條射線(確保這條射線的長度要比路徑覆蓋范圍要大) , 如果與該射線相交的邊的數(shù)量為奇數(shù), 則該點是路徑的內(nèi)部點, 反之該點則是路徑的外部點. 舉個例子, 來看一張圖:

奇偶原則

這么簡單的東西, 我就不多說了, 接著看另外一個填充模式.

Nonzero Winding Number Rule

非零環(huán)繞數(shù)原則: 在我們腦海中定義一個變量, 比如叫:count, 然后從路徑覆蓋范圍內(nèi)的任意一點做一條射線(確保這條射線的長度要比路徑覆蓋范圍要大). 然后我們對每一條和該射線相交的路徑進行統(tǒng)計, 統(tǒng)計規(guī)則是這樣的: 當路徑是從右向左穿過射線的時候, count++, 當路徑是從左向右穿過射線的時候, count--. 當我們統(tǒng)計完所有相交的路徑后, 如果 count 不為0, 則該點是內(nèi)部點, 該點所在的封閉區(qū)域需要填充, 反之該點則是路徑的外部點. 舉個例子, 來看一張圖:

非零環(huán)繞數(shù)原則

從圖中看的很清晰, 從左圖中的紅點開始, 繪制了一條射線, 圖中經(jīng)過了兩條路徑, 這兩條路徑的方向都是從左向右穿過射線的, 每經(jīng)過一條從左向右穿過射線的路徑, count 會減一, 那么最終count-2, 通過非零環(huán)繞數(shù)原則判定, 該點為內(nèi)部點, 所以該點所在的區(qū)域進行了填充. 右圖射線同樣經(jīng)過了兩條路徑, 但是這兩條路徑的方向一個是從左向右穿過射線的, 另一個是從右向左穿過射線的,那么最終count0, 通過非零環(huán)繞數(shù)原則判定, 該點為外部點, 所以該點所在的區(qū)域不進行填充操作.

再來看一個例子, 如下圖:

非零環(huán)繞數(shù)原則

從圖中看出, 藍色的射線經(jīng)過的三條路徑, 最終的結果count1, 所以藍色點所在的封閉區(qū)域是需要填充的.

OK, 就介紹這么多吧. 圖片都是自己一點一點畫的, 有點丑, 將就看哈!


Lemon龍說:

如果您在文章中看到了錯誤 或 誤導大家的地方, 請您幫我指出, 我會盡快更改

如果您有什么疑問或者不懂的地方, 請留言給我, 我會盡快回復您

如果您覺得本文對您有所幫助, 您的喜歡是對我最大的鼓勵

如果您有好的文章, 可以投稿給我, 讓更多的 iOS Developer 在簡書這個平臺能夠更快速的成長


最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌馋没,老刑警劉巖墙歪,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件山憨,死亡現(xiàn)場離奇詭異原杂,居然都是意外死亡,警方通過查閱死者的電腦和手機事甜,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來滔韵,“玉大人逻谦,你說我怎么就攤上這事∨泸撸” “怎么了邦马?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我滋将,道長忱嘹,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任耕渴,我火速辦了婚禮拘悦,結果婚禮上,老公的妹妹穿的比我還像新娘橱脸。我一直安慰自己础米,他們只是感情好怎栽,可當我...
    茶點故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布谅阿。 她就那樣靜靜地躺著晒喷,像睡著了一般叫胁。 火紅的嫁衣襯著肌膚如雪铺遂。 梳的紋絲不亂的頭發(fā)上钧忽,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天油够,我揣著相機與錄音边翼,去河邊找鬼须眷。 笑死竖瘾,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的花颗。 我是一名探鬼主播捕传,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼扩劝!你這毒婦竟也來了庸论?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤棒呛,失蹤者是張志新(化名)和其女友劉穎聂示,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體簇秒,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡鱼喉,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了宰睡。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蒲凶。...
    茶點故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖拆内,靈堂內(nèi)的尸體忽然破棺而出旋圆,到底是詐尸還是另有隱情,我是刑警寧澤麸恍,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布灵巧,位于F島的核電站搀矫,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏刻肄。R本人自食惡果不足惜瓤球,卻給世界環(huán)境...
    茶點故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望敏弃。 院中可真熱鬧卦羡,春花似錦、人聲如沸麦到。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽瓶颠。三九已至拟赊,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間粹淋,已是汗流浹背吸祟。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留桃移,地道東北人屋匕。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像谴轮,于是被迫代替她去往敵國和親炒瘟。 傳聞我的和親對象是個殘疾皇子吹埠,可洞房花燭夜當晚...
    茶點故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容