如何使用jQuery/JavaScript设置svg路径动画？

我想设置svg路径的动画。我知道这可以通过

实现，所以你可以看看我有什么

注意：现在我希望svg的路径能够拉伸svg。因此，首先，它是一个三角形，但需要平滑地转换为一个正方形，以适应周围的svg

谢谢大家!


/--单击路径--//
$（'path'）。在（'click touch'，function（）上{
$（this.parents（'svg'）.css({
高度：“100vh”，
宽度：“100vw”
});
})
/*--单击路径--*/
* {
保证金：0；
填充：0；
}
身体{
溢出：隐藏；/*--仅适用于此示例*/
}
svg{
-webkit转换：
高度350ms缓进缓出，
宽度350ms，易于进出；
过渡：
高度350ms缓进缓出，
宽度350ms，易于进出；
}

SMIL动画（即使用
的动画）只需单击即可开始


您的小提琴没有足够的声音。如果您想要一个解决方案，请向我们展示您到目前为止拥有的解决方案，以便我们能够看到它的不同之处。如果您想使用SMIL将三角形更改为正方形，则需要使用一个额外的点绘制三角形，例如，第四个顶点与其他三个顶点中的一个共同关联，然后可以使用SMIL将所有四个顶点动画化为正方形。我希望我可以通过说
$（'svg path'）来获取路径。attr（'d'，'M0 L1024 0 l024 1024 L0 1024'））
，我不知道如何使用
，但他们也只使用
，所以这里的故事是一样的）你说“但是动画只有在元素附加到某个div之后才开始”是什么意思？为什么这对你来说是个问题<代码>
用于更改动画的开始时间。