簡單的理解position與anchorPoint

2022-05-05 08:27:09 字數 859 閱讀 4756

很多人都搞不清楚這兩個點,其實這兩個點還是不難理解的,用一句話就能概括

anchorpoint 表示這個點在 自身layer 中的位置,

position 表示這個點在父layer中的位置

1. anchorpoint: 錨點, 用很多人舉過的例子

把一張a4白紙用圖釘訂在書桌上,如果訂得不是很緊的話,白紙就可以沿順時針或逆時針方向圍繞圖釘旋轉,這時候圖釘就起著支點的作用。我們要解釋的anchorpoint就相當於白紙上的圖釘釘的那個店,它主要的作用就是用來作為變換的支點,旋轉就是一種變換,類似的還有平移、縮放,都說是圍繞這個點來進行的,在白紙的左上角、右下角,anchorpoint分為為(0,0), (1, 1),也就是說anchorpoint是在單元座標空間(同時也是左手座標系)中定義的。類似地,可以得出在白紙的中心點、左下角和右上角的anchorpoint為(0.5,0.5), (0,1), (1,0)。

左邊的圖是ios的座標系,右邊的圖是os x的座標系

繼續上面的例子,紙上有乙個點,那麼書桌上肯定也被釘了乙個點,這個點就是position,position就是layer的anchorposition這個點在父layer上的位置。

如果我們改變anchorpoint這個點,就相當於還在書桌原來的位置把這張紙釘一下(圖釘在書桌上的位置不變),只不過紙上的那個點改變了而已

如果我們改變position這個點,就相當於把圖釘和紙張一塊拔出來(圖釘在紙上的位置不變),在書桌的另乙個位置在重新釘一次

到此大家應該能想象出來是個什麼情形了吧,希望能藉此給大家一點小小的幫助。

徹底理解position與anchorPoint

相信很多剛接觸calayer的人都會遇到一下幾個麻煩 1 為什麼修改anchorpoint會移動layer的位置?2 calayer的position點是哪一點呢?3 anchorpoint與position有什麼關係?我也迷惑過,在網上也翻了很多教程,但最終都沒有解決我的困惑,最終,我看到了這篇博...

理解position定位

使用css布局position非常重要,語法如下 position static relative absolute fixed center page sticky 預設值 static,center page sticky是css3中新增加的值。1 static 可以認為靜態的,預設元素都是靜態...

position簡單應用

今天是第一次寫部落格,就寫一點關於對position標籤的小總結。對於標籤的意思就不在解釋,這裡主要通過一些些細節方面來展現fixed,relative,absolute這三個標籤,當然這都是我自己的理解,可能會有錯誤,僅供參考。因為這個樣式是修飾div這種標籤的,是有大小的,因為我們在使用的時候務...