Css SVG动画未按预期工作

Css SVG动画未按预期工作,css,svg,css-animations,svg-animate,Css,Svg,Css Animations,Svg Animate,我正在研究SVG动画,我想使用SVG笔划动画绘制一个矩形。 这是我的密码 .路径{ 行程:1400; 行程偏移:100; 动画:直线无限; } @关键帧破折号{ 到{ 笔划偏移:0; } } 你可以考虑SVG的一个更简单的路径: 路径{ 填充:透明; 中风:000; 阵列:212; 行程偏移量:212; 动画:向前冲5秒; } @关键帧破折号{ 到{ 笔划偏移:0; } } 路径不是一个简单的圆形矩形,它是一个复杂的东西,它自身运行。你需要重新绘制路径。我的图形设计师给我这个来自AI的,有没

我正在研究SVG动画,我想使用SVG笔划动画绘制一个矩形。 这是我的密码

.路径{ 行程:1400; 行程偏移:100; 动画:直线无限; } @关键帧破折号{ 到{ 笔划偏移:0; } }
<>你可以考虑SVG的一个更简单的路径:

路径{ 填充:透明; 中风:000; 阵列:212; 行程偏移量:212; 动画:向前冲5秒; } @关键帧破折号{ 到{ 笔划偏移:0; } }
路径不是一个简单的圆形矩形,它是一个复杂的东西,它自身运行。你需要重新绘制路径。我的图形设计师给我这个来自AI的,有没有什么特殊的技术可以从AI导出简单的路径?它需要是一个单一的厚路径,只围绕矩形一次。你的形状实际上是两个矩形,一个在另一个里面,中间有一个填充。