遮罩Mask

一、遮罩：遮罩层范围内可看见被遮罩层图层，遮挡层范围可看见笼罩层图形

遮罩层必须至少有两个图层，上面的一个图层为“遮罩层”，下面的称“被遮罩层”；这两个图层中只有相重叠的地方才会被显示。也就是说在遮罩层中有对象的地方就是“透明”的，可以看到被遮罩层中的对象，而没有对象的地方就是不透明的，被遮罩层中相应位置的对象是看不见的。

它的原理是：上面一层是遮罩层，下面一层是被遮罩层。遮罩层上的图，自己是不显示的。它只起到一个透光的作用。假定遮罩层上是一个正圆，那么光线就会透过这个圆形，射到下面的被遮罩层上，只会显示一个圆形的图形。如果遮罩层上什么都没有，那么光线就无法透到下面来，那么下面的被遮罩层什么也显示不出来。

遮罩层就会为图形提供一个区域（图形所占的区域，比如一个圆所占的区域就是这个圆），提供这个区域能使人看到被遮罩层的元素。而在区域外是看不到被遮罩层上的图形元素的（可以说被蒙住了，所以也有把遮罩说成蒙版的）

 

首先，遮罩有“遮住”和“笼罩”两层意思！是两层意思哦，并不是同义词！！！所以，通俗一点来解释的话就是：

遮住上面图层的内容，让其不被看见（也就是上面图层的内容都被遮住了嘛，遮住了就是暂时消失了的意思嘛。这也是为啥遮罩了以后，上面那个图层前面的眼睛已经关闭的原因，就是告诉你，被遮住了暂时看不见了）但是，还留有上面图层的形状——这是关键点；

接着把自己的内容（也就是下面图层的内容）笼罩进去。笼罩顾名思义就是把自己的东西笼罩在里面的形状之内。如同雾霾笼罩着京城，到处是雾霾，只能依稀看见京城的形状----这是关键点，而看不见京城的各种颜色。这样解释明白了吧，雾霾暂时遮住了京城的颜色，但还能看见京城的形状（把被遮罩的图层里的内容的形状还保留了下来），并且雾霾它还把自己填充进了“形状为京城”这个地方。

 

https://shliang.blog.csdn.net/article/details/89309359