Html 先擦除SVG线条动画，然后绘制

我希望我的动画像从头开始绘制图像一样工作。但我的动画所做的是先擦除图片，然后再绘制

路径{
填充：#FFF；
行程：#000；
动画：my_动画3s线性向前；
行程：400；
}
@为my_动画设置关键帧{
0% {
笔划偏移：0；
}
50% {
行程偏移：400；
}
100% {
笔划偏移：0；
}
}

将起始关键帧设置为以

笔划dashoffset:400开始，或者简单地将其添加到
路径
规则中，并使用单独的
动画
填充：


路径{
填充：#fff；
行程：#000；
动画：my_动画3s线性向前，填充。5s线性3s向前；
笔划数组：400；/*需要*/
笔划偏移量：400；/*…匹配*/
}
@为my_动画设置关键帧{
到{stroke dashoffset:0}
}
@关键帧填充{
至{fill:#000}
}

将起始关键帧设置为以
笔划dashoffset:400开始，或者简单地将其添加到
路径
规则中，并使用单独的
动画
填充：


路径{
填充：#fff；
行程：#000；
动画：my_动画3s线性向前，填充。5s线性3s向前；
笔划数组：400；/*需要*/
笔划偏移量：400；/*…匹配*/
}
@为my_动画设置关键帧{
到{stroke dashoffset:0}
}
@关键帧填充{
至{fill:#000}
}

您尝试交换值了吗？是的，这会让情况变得更糟吗？告诉我们你当时尝试了什么。它将首先生成图像，然后将其删除：p@kai在下面的回答中得到了它谢谢你尝试交换值？是的，使其更糟糕？让我们看看你当时尝试了什么。它将首先生成图像，然后将其删除：p@kai在下面的答案中找到了，谢谢