小编Kal*_*ani的帖子

在不使用 CSS 的情况下对 svg 中的多个路径进行动画处理

我有一个包含路径数的 svg 文件。这是文件结构:

<g>
 <path>......</path>
 <path>......</path>
 <path>......</path>
 <path>......</path>
 <path>......</path>
 <path>......</path>
</g>
Run Code Online (Sandbox Code Playgroud)

我想在不使用 css 的情况下将所有这些路径一起制作动画,有点像这样:

<animate
  attributeName="fill-opacity" 
  from="0" 
  to="1" 
  dur="2s" 
  begin="3s"
  fill="freeze" />
Run Code Online (Sandbox Code Playgroud)

我不想专门针对每条道路。

html css svg svg-animate

1
推荐指数
1
解决办法
1769
查看次数

标签 统计

css ×1

html ×1

svg ×1

svg-animate ×1