HTML5-SVG-圖形內部填充fill-rule

'fill-rule'
	有效值:  	nonzero | evenodd | inherit
	默認值:  	nonzero
	應用於:  	shape形狀類元素 和 文字內容類元素
	可繼承:  	是
	比例:		無
	媒體:  		可見
	動畫可用:  	是

　　

nonzero

字面意思是“非零”。按該規則，要判斷一個點是否在圖形內，從該點作任意方向的一條射線，然后檢測射線與圖形路徑的交點情況。從0開始計數，路徑從左向右穿過射線則計數加1，從右向左穿過射線則計數減1。得出計數結果后，如果結果是0，則認為點在圖形外部，否則認為在內部。下圖演示了nonzero規則:

evenodd

字面意思是“奇偶”。按該規則，要判斷一個點是否在圖形內，從該點作任意方向的一條射線，然后檢測射線與圖形路徑的交點的數量。如果結果是奇數則認為點在內部，是偶數則認為點在外部。下圖演示了evenodd 規則: