[html] canvas透明度是0.6的矩形和透明度是0.2的矩形疊加到一起，透明度是多少

首先是透明度值的計算。顏色在本質上是光的產物，假設把透明度理解為玻璃的透光性，則一切就變得很easy。比如一個 alpha = 0.2 的顏色，就能夠將其想像為透光率為 80% 的彩色玻璃。我們透過這塊玻璃看去，因為 80% 的光都透過了，因此留下來的顏色僅僅剩 20%，即所謂 0.2 的 alpha。如今我們來做一個混合：將 alpha 為 0.2 和 0.6 的顏色進行疊加。這時，我們有了兩塊玻璃，一塊透光率為 80%，還有一塊為 40%。一道光束穿過，經過 80% 透光率的玻璃時，光線強度剩下 80%，再經過 40% 透光率的玻璃時，光線進一步被削弱，僅僅剩下 80% * 40% = 32%。這意味著有 32% 的透明性，即 alpha = 0.68。

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[html] canvas透明度是0.6的矩形和透明度是0.2的矩形叠加到一起，透明度是多少的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。