[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。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题