高效使用KUTE.js进行动画：第三部分，SVG动画化

本系列的上一篇教程向您展示了如何使用KUTE.js对任何元素的不同CSS属性进行动画处理。但是，核心引擎不允许您对特定于SVG元素的属性进行动画处理。同样，您无法使用笔画对不同路径形状的SVG变形或不同SVG元素的绘制进行动画处理。您必须使用KUTE.jsSVG插件来完成这些任务。

在开始之前，请记住，您必须包含KUTE.js核心引擎和SVG插件才能使本教程中的示例正常工作。

变形SVG形状

将一种SVG形状变形为另一种形状是您会遇到的一项非常常见的功能。KUTE.jsSVG插件为我们提供了轻松创建自己的变形动画所需的一切。

使用此库可以通过三种方式变形SVG形状：

1. 您可以使用fromTo()方法来指定元素的初始和最终SVG路径。
2. 您还可以使用to()方法并避免指定初始路径。在这种情况下，变形的起始值将根据要变形的所选元素的d属性的值确定。
3. 还有一个选项是将最终路径作为字符串直接传递给补间。这样，您就可以避免SVG中有两个不同的路径。