Illustrator SVG形状间的不等距坐标导出

Illustrator SVG形状间的不等距坐标导出,svg,coordinates,adobe-illustrator,tween,smil,Svg,Coordinates,Adobe Illustrator,Tween,Smil,我试图在两个形状之间创建一个SMIL动画,我知道这两个形状需要有相同数量的坐标。我的问题是,当我从Illustrator导出两个SVG时,坐标在有多少组方面不匹配。这两个形状都是从同一个源创建的,没有添加或删除额外的点,只是在顶部拉直了一条曲线 这是我在Codepen和下面的SVG <!-- smile circle --> <svg version="1.1" x="0px" y="0px" viewBox="0 0 453.5 290" enable-backgroun

我试图在两个形状之间创建一个SMIL动画,我知道这两个形状需要有相同数量的坐标。我的问题是,当我从Illustrator导出两个SVG时,坐标在有多少组方面不匹配。这两个形状都是从同一个源创建的,没有添加或删除额外的点,只是在顶部拉直了一条曲线

这是我在Codepen和下面的SVG

<!-- smile circle  -->

<svg version="1.1" x="0px" y="0px" viewBox="0 0 453.5 290" enable-background="new 0 0 453.5 290" xml:space="preserve">

<path fill="#000000" d="
                      M226.8,
                      34.9

                      C146.3,
                      34.9,
                      71.5,
                      22,
                      8.9,
                      0

                      C3.1,
                      20.1,
                      0,
                      41.3,
                      0,
                      63.2

                      C0,
                      188.5,
                      101.5,
                      290,
                      226.8,
                      290

                      S453.5,
                      188.5,
                      453.5,
                      63.2

                      c0-21.9-3.1-43.1-8.9-63.2

                      C382.1,
                      22,
                      307.2,
                      34.9,
                      226.8,
                      34.9z

                      H0z


                      "/>

 </svg>


 <!-- partial circle -->
 <svg version="1.1" x="0px" y="0px" viewBox="0 0 453.5 290" enable-background="new 0 0 453.5 290" xml:space="preserve">

 <path fill="#000000" d="
                      M8.9,
                      0

                                C3.1,
                                20.1,
                                0,
                                41.3,
                                0,
                                63.2

                      C3.1,
                      20.1,
                      0,
                      41.3,
                      0,
                      63.2

                      C0,
                      188.5,
                      101.5,
                      290,
                      226.8,
                      290

                      S453.5,
                      188.5,
                      453.5,
                      63.2

                      c0-21.9-3.1-43.1-8.9-63.2

                              C0,
                              0,
                              0,
                              0,
                              0,
                              0

                      H8.9z

                      "/>

</svg>


所以我想我的问题是如何在codepen上实现两个形状之间的形状差,即使它们有不同的坐标?

你的问题是什么?如果是关于如何使用Illustrator,这与StackOverflow无关,因为这不是一个编程问题。我不确定这是否是Illustrator的问题,或者Illustrator之外是否有其他方法可以达到预期的效果,因此,在找到解决方案之前,我不知道:(所以我想我的问题是如何在codepen上实现两个形状之间的形状差,即使它们有不同的坐标?你没有。你可以改变形状,使它们有相同的坐标。我想你需要阅读一篇关于路径命令含义的教程。例如,如果你进行控制,你可以使用C来画一条直线ol点退化。