svg仿mac最小化效果

mac电脑上有一个魔性的最小化窗户口效果，用网页的svg模拟了下:

这个最大的难度就是去用svg绘制那些曲线，其实你会发现如果你直接去绘制，会很难下手，因为绘制曲线无非就是利用贝赛尔曲线，但是它这个是一个整体缩小的过程，不是很容易的绘制出来，因此我们可以换一个思路，我们利用svg的mask来进行遮罩，这样的话，我们只要绘制完整的缩小svg就好了：

上图就是一个完整的缩小的svg，这个还是比较容易绘制的，绘制完之后，我们就需要用mask对它进行部分遮罩，例如刚开始的时候只显示上面，遮住下面；后来显示下面，遮住上面。以此来达到最终的效果。

更多技术细节请看原文:
http://www.qiutianaimeili.com/html/page/2018/03/mlo8if7lag8.html
原文有demo下载地址