创建剪切路径动画

什么是剪切路径？

剪切路径将使某些元素在区域内可见，并在该区域外部完全隐藏或剪切。它们非常常用于图形设计中，以隐藏图像中不需要的部分，但是当涉及到SVG动画时，它们也释放了广泛的动画可能性。
在SVG动画中，剪辑路径是封闭的矢量路径。在剪辑组中，剪辑路径下的元素将部分隐藏在剪辑路径区域之外，并在该特定区域内可见。

如何生成剪切路径？

SVGator完全支持所有主要编辑工具（例如Illu strator，Sketch，Figma，Gravit等）中的剪切路径元素的导入，但是您也可以在SVGator中从头开始创建剪切路径。
要在SVGator中生成剪切路径，您将需要至少两个在画布上可见的元素。您还可以同时使用多个元素作为剪切路径，但是稍后我们将进行讨论。
在以下示例中，我们希望电车仅在A字母区域内可见，并隐藏在其外部：

创建剪切路径时，顶部的元素将成为其下面元素的剪切路径。在这种情况下，为了使电车仅在该特定区域可见，我们将复制A字母并将其放置在电车的顶部。

选择A字母和“ Tram”组这两个元素，右键单击->“创建剪切路径”。顶部的元素将成为其下面元素的剪切路径，就像一个窗口，通过该窗口我们可以看到内部的内容。

看一下左侧的列表。有一个新的剪辑组，其中包括构成剪辑路径的所有元素。该组和剪切路径本身带有下划线，因为它们不是常规的组或元素。A字母现在是“剪切路径”组。之所以说“路径”，是因为，正如我们前面提到的，您可以在同一组中使用多个元素作为剪切路径。
现在，通过向项目中添加新元素来进行尝试。

当我们将“剪切路径”组中的“正方形”元素移动到“信纸副本”元素上方时，它将自动用作剪切路径，从而使电车的右侧可见。
如果不再需要它作为剪切路径，则可以选择剪切路径或整个组，右键单击->“释放剪切路径”。

如何为剪切路径设置动画？

在SVG动画中，可以像常规元素一样对剪切路径和剪切路径组中的所有其他元素进行动画处理。
对于剪切路径组，可以使用变换动画器，例如“位置”，“比例”，“旋转”等。对于剪辑路径本身，可以使用所有动画师。