2019-08-02 第6章 图形引用、剪切和蒙版

image.png
image.png
image.png
image.png

use通过已有元素生成引用

image.png
image.png
image.png
image.png
image.png
image.png
image.png

第二部分 剪切
绘制灯塔，下面的使用了渐变

image.png
image.png
image.png
image.png
image.png

所谓剪切应该是将2者重复的也就是重合的内容剪切出来
这个径向渐变也要向线性渐变那样使用，填充进去，不太理解其中的offset的使用
使用defs标签只是定义，不会被渲染！

image.png
image.png
image.png
image.png

蒙层
绘制月亮

image.png
image.png
月亮的绘制使用了蒙版，整体实现的原理还是根据透明度，因为黑色的透明度是0，所以显示不出来，所以只有部分白色的月亮显示出来
第二个问题：scale（1，-1）可以实现倒影效果？？？
image.png
q image.png
image.png
image.png
image.png
image.png
image.png
image.png

蒙版的原理，亮度高的可以完全被显示出来，亮度低的显示的也低，透明度为0的就不会被显示