Html 您能为svg设置动画吗；背景图像；？

我想将svg图像水平和垂直居中，以响应我的窗口。所以我决定将图像整合到div背景中。现在，当我想将stroke dasharray和带有stroke dashoffset的动画添加到svg时，它不起作用

是否可以设置svg背景图像的动画

svg图像由许多行组成。 这里是我的svg文件（更多的行只有不同的x和y值）：

---

您可以设置。。。但只有在支持它的浏览器中，你才能使用IE和其他一些浏览器（编辑，从2018年起，Edge现在就支持这一功能）

本例使用CSS制作动画。。。我已经成功地使用了

标记，但没有进行广泛的测试

.svg{
背景图片：url("数据：image/svg+xml；charset=UTF-8，%3Csvg width='300'height='70'viewBox='0 300 70'xmlns='0http://www.w3.org/2000/svg“%3E%3Cstyle type='text/css'%3E%23a%7b动画：x.5s轻松替换14%7D%40关键帧x%7b从%7b填充：%23c2c2c2%7dt到%7b填充：%23fff%7D%7D%3C/style%3E%3rect id='a'x='14'y='23'宽度='28'高度='28'填充='%23c2c2c2'/%3E%3Cx='52'y='33'宽度='100'高度='11'填充='%23c2c2c2'/%3E%3C/svg%3E”）；
背景重复：无重复；
最小高度：200px；
}

---

看看我的背景

这值得一看/搜索？q=svg+animate+transform或/search？p=svg+animate+transform您搜索了吗？：）您必须将CSS放在svg图像文件本身，而不是容器HTML文件或单独的CSS文件中。我没有看到任何尝试对问题中的任何内容进行动画处理，因此我无法真正创建答案我不知道你想做什么，我不知道你想做什么。很有可能制作SVG背景动画。这个网站用animationOk做了一个很棒的工作。现在可以了，谢谢。所以我的错误是我试图在css文件中制作动画，但你写了“样式”“输入图像代码。我真的不知道你能做到。但是有没有一种方法可以从外部控制动画，例如，当你点击一个按钮时，动画应该开始/停止？而不是用背景图像。。。另一种方法是将具有bg的类与图像的非动画版本交换。。。css将gzip非常好。您可以尝试SVG-SMIL动画。。。但这在IE或Edge中也不起作用。任何感兴趣的人，我在使用我的工具将SVG编码为CSS。效果很好，感谢您的回答和编码工具，非常专业的工具。