非零環繞規則

2022-05-18 19:38:42 字數 893 閱讀 5543

canvas填充的非零環繞規則:從區域內往外畫一條足夠長的線,線與順時針路徑相交,計數器+1,與逆時針路徑相交,計數器-1,計數器最終不為0則填充

水平方向上:margin-left+padding-left+border-left+width+border-right+padding-right+margin-right=父元素的width

設定auto的屬性會自適應,否則衝突則預設margin-right為auto自適應

如果沒有設定width,width自適應。其餘屬性沒設定則為0.

bfc 1.根元素及包含他的元素

2.浮動元素

3.絕對定位元素

4.overflow不是visible的元素

5.display值為表單元格,表標題,行內塊,flex值得元素

bfc閉合浮動,clear清除浮動

摺疊:毗鄰元素外邊距總是摺疊(除了:

1.根元素不摺疊

2.浮動元素不摺疊

3.絕對定位元素不摺疊

4.inline-block不摺疊

5.bfc與子元素不摺疊

6.父子間有padding,border不摺疊

7.父元素有height,與子元素margin-bottom不摺疊

)function內的function會丟失this

選擇器優先順序(特殊性值)

內聯樣式            1,0,0,0

id             0,1,0,0

屬性值,屬性選擇,偽類   0,0,1,0

元素,偽元素          0,0,0,1

繼承的宣告沒有特殊性!!!,比不過0特殊性的*選擇器

inherit關鍵字 使得某個屬性值與其父元素相同,防止繼承被短路

Canvas中的非零環繞規則原理

非零環繞規則 對於路徑中指定範圍區域,從該區域內部畫一條足夠長的線段,使此線段的完全落在路徑範圍之外。非零環繞規則計數器 然後,將計數器初始化為0,每當這個線段與路徑上的直線或曲線相交時,就改變計數器的值,如果是與路徑順時針相交時,那麼計數器就加1,如果是與路徑逆時針相交時,那麼計數器就減1.如果計...

Canvas中的非零環繞

先上圖 當要填充圖形時,必須區分開哪些部分是覆蓋的,哪些是空的,根據繪製的方向可以判斷出來 非零環繞規則 對於路徑中指定範圍區域,從該區域內部畫一條足夠長的線段,使此線段的完全落在路徑範圍之外。非零環繞規則計數器 然後,將計數器初始化為0,每當這個線段與路徑上的直線或曲線相交時,就改變計數器的值,如...

spring aop 6 環繞通知記錄應用的日誌

使用的框架是spring mvc spring 最近想利用spring aop的環繞通知來處理web的日誌問題,總的來講,如果在controller層做切入,則難監控實際運 況,在service層做切入,則只能監控到service層的情況,通過捕捉service丟擲的異常來記錄日誌,對於目前本人應用...