Css 确定startpoint svg动画

Css 确定startpoint svg动画,css,animation,svg,Css,Animation,Svg,我已经从Illustrator导出了一个svg文件 现在我正在制作线条的动画。我知道如何更改动画的方向,但如何(如果)确定动画的起始点 下面是一个例子: @关键帧行{0%{fill:none;}50%{fill:none;笔划dashoffset:0;}100%{fill:none;笔划dashoffset:0;} .nose_outer{动画:线条向前;笔划划线数组:186.514;笔划划线偏移:-186.514;} svg 确定动画的起始点-可能只有我,但我无法理解这句话。你这么说是什么

我已经从Illustrator导出了一个
svg
文件

现在我正在制作线条的动画。我知道如何更改动画的方向,但如何(如果)确定动画的起始点

下面是一个例子:

@关键帧行{0%{fill:none;}50%{fill:none;笔划dashoffset:0;}100%{fill:none;笔划dashoffset:0;}
.nose_outer{动画:线条向前;笔划划线数组:186.514;笔划划线偏移:-186.514;}

svg

确定动画的起始点-可能只有我,但我无法理解这句话。你这么说是什么意思?你想用它来实现什么?我不知道这还不清楚。我的错。动画从某个地方(起点)开始,然后在某个地方停止。我想控制它从哪里开始哦,好的,我现在找到你了。这是因为形状是如何绘制的。首先将假想的笔移动到此点
M396.667406.31
,然后在此绘制圆弧。因此,动画从该位置开始。即使你改变方向,点本身也不会改变。我认为如果你想在这种情况下改变起点,你需要改变形状的绘制方式。这就是我所担心的:-(我必须重做整个插图。从好到坏。Thnx无论如何,我不是SVG专家,因此不知道是否有任何方法可以在不修改形状的
d
属性本身的情况下解决这个问题。给它一点时间,看看是否有好的答案。