爲什麼填充不透明度會改變填充的陰影？

Question

我有地圖位置：http://abehandler.github.io/（與D3和傳單創建）​​

的地圖與設置爲紅色或藍色填充屬性SVG元素。但它顯示了三種顏色：紅色，藍色和紫色。我注意到，如果我將填充不透明度設置爲1 - 那麼地圖上的多邊形具有適當的陰影。但如果我開始將填充不透明度改爲小於1，那麼多邊形的陰影開始改變。

我想要半透明的多邊形 - 但我不想陰影改變。爲什麼要改變不透明度改變陰影？我怎樣才能防止這一點？

Answer 1

你所看到的是背景顏色與多邊形的半透明顏色混合在一起。這會導致您看到的新混合顏色。這是非常設計的，沒有辦法禁用它。

想象一下白色背景上的一個黑色圓圈 - 當您將其不透明度設置爲0.5時，白色背景可以在圓圈中看到，結果顏色爲50％灰色。

如果您想使用透明度，則無法真正防止發生這種情況，除非將背景設置爲與半透明前景完全相同的顏色。