有时候，你最意想不到的东西，却能获得最多的关注，正如我发表在CodePen上的多边形狮子的样例。我没有做任何超级棒的代码效果，因为我认为简单的动画效果是很容易理解的，但是最后的结果却是很棒的。在这里，我想要和你们所有人分享这个动画如何以及为什么做出来的。

上周，我开始了关于路径的探讨,主要集中在使用不同的直线指令绘制各种直线和形状。今天我想要继续进行路径的探讨，谈谈可使用的不同的曲线指令。曲线指令比直线指令需要解释的东西更多，所以我们马上开始吧。我会假设你已经阅读了上一篇关于直线指令的文章，如果你还没阅读，最好先去看那篇。

几个星期前在谈到基本的SVG图形时，我提到路径可以作为一个更常用的方法来创建任何形状。路径比基本图形更强大和灵活，可以用来创建任何一个基本图形。使用路径你可以创建直线和曲线，也可以把它们连接起来，组成其它的形状。你可以结合两者来创建复杂的路径和子路径。路径可以被填充、描边或者用于剪裁其他元素。它们可以同时做这三种效果甚至更多。

剪裁和遮罩都是用来隐藏元素的一些部分、显示其他部分的。当然了，这两者还是有区别的。区别主要在于这几方面：他们能做的东西，不同的语法，涉及到的不同技术，是新的还是旧的，以及浏览器支持的差异。但不幸的是总是有相当多的过时信息在那儿，所以一起来看看能否解决这个问题。