Animation 如何在SVG中将一个路径数据变形为另一个路径数据?

Animation 如何在SVG中将一个路径数据变形为另一个路径数据?,animation,svg,mathematical-morphology,Animation,Svg,Mathematical Morphology,我试图弄明白为什么它不会将这个路径数据变形为另一个路径数据,我需要使它看起来像一个真实的动画 这是我的SMIL代码: <animate xlink:href="#Barra3" repeatCount="indefinite" attributeName="d" dur="5s" values="M52,346L56,346C61.523,346 66,

我试图弄明白为什么它不会将这个路径数据变形为另一个路径数据,我需要使它看起来像一个真实的动画

这是我的SMIL代码:

    <animate xlink:href="#Barra3"  
    repeatCount="indefinite" 
    attributeName="d" 
    dur="5s"
    values="M52,346L56,346C61.523,346 66,350.477 66,356L42,356C42,350.477 46.477,346 52,346Z;
    M54,225C60.627,225 66,230.373 66,237L66,356L42,356L42,237C42,230.373 47.373,225 54,225Z;"/>


去181号线。我使用的是SMIL。

在svg中尝试变形路径时,最重要的是d属性hes必须具有相同数量的命令和相同的命令。我已经重写了短路径,以便绘制形状侧面的线的长度为0

M54,346 C60.627,346,66,351.373,66,358 L66,358L42,358L42,358 C42,351.373,47.373,346,54,346Z
尝试在svg中变形路径时,最重要的是使d属性hes具有相同数量的命令和相同的命令。我已经重写了短路径,以便绘制形状侧面的线的长度为0

M54,346 C60.627,346,66,351.373,66,358 L66,358L42,358L42,358 C42,351.373,47.373,346,54,346Z


这是否回答了您的问题@这个答案看起来很有帮助,但如何将每个C分成3个部分却让人相当困惑。我认为答案并非普遍适用。第二条指令特定于该路径;仅当您希望将
C
中间控制点变形为
L
cordinate时,此选项才适用。决定“哪一点去哪里”的过程没有技术上的答案,但需要由艺术标准来决定。没有艺术标准,我仍然不知道如何解决它,无论如何,我没有选择,但我将使用SVGator服务,谢谢您的评论。@Ivan您能提供一个,例如,一个简单的svg,有一个简单的路径来显示您的问题?还有,你知道吗?这能回答你的问题吗@这个答案看起来很有帮助,但如何将每个C分成3个部分却让人相当困惑。我认为答案并非普遍适用。第二条指令特定于该路径;仅当您希望将
C
中间控制点变形为
L
cordinate时,此选项才适用。决定“哪一点去哪里”的过程没有技术上的答案,但需要由艺术标准来决定。没有艺术标准,我仍然不知道如何解决它,无论如何,我没有选择,但我将使用SVGator服务,谢谢您的评论。@Ivan您能提供一个,例如,一个简单的svg,有一个简单的路径来显示您的问题?还有,你知道吗?你介意如何一步一步地重写这条短路径吗?我觉得这让我很困惑。你介意如何一步一步地重写这条短道吗?我觉得这让我很困惑。