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的就不会被显示
网友评论