SVG SMIL 动画

- REC

使用动画元素来为 SVG 图像添加动画的方法

Chrome

  1. 4: 部分支持
  2. 5 - 123: 受支持
  3. 124: 受支持
  4. 125 - 127: 受支持

Edge

  1. 12 - 18: 不受支持(但有可用的填充程序)
  2. 79 - 123: 受支持
  3. 124: 受支持

Safari

  1. 3.1 - 3.2: 不受支持(但有可用的填充程序)
  2. 4 - 5.1: 部分支持
  3. 6 - 17.3: 受支持
  4. 17.4: 受支持
  5. 17.5 - TP: 受支持

Firefox

  1. 2 - 3.6: 不受支持(但有可用的填充程序)
  2. 4 - 124: 受支持
  3. 125: 受支持
  4. 126 - 128: 受支持

Opera

  1. 9 - 108: 受支持
  2. 109: 受支持

IE

  1. 5.5: 不受支持
  2. 6 - 10: 不受支持(但有可用的填充程序)
  3. 11: 不受支持(但有可用的填充程序)

Chrome for Android

  1. 124: 受支持

Safari on iOS

  1. 3.2 - 5.1: 部分支持
  2. 6 - 17.3: 受支持
  3. 17.4: 受支持
  4. 17.5: 受支持

Samsung Internet

  1. 4 - 23: 受支持
  2. 24: 受支持

Opera Mini

  1. all: 不受支持

Opera Mobile

  1. 10 - 12.1: 受支持
  2. 80: 受支持

UC Browser for Android

  1. 15.5: 受支持

Android Browser

  1. 2.1 - 2.3:不支持
  2. 3 - 4.4.4:支持
  3. 124: 受支持

Firefox for Android

  1. 125: 受支持

QQ 浏览器

  1. 14.9:支持

百度浏览器

  1. 13.52:支持

KaiOS 浏览器

  1. 2.5:支持
  2. 3:支持
资源
SVG WOW 示例
MDN Web Docs - SMIL 动画
SVG 上的 SMIL 动画事件多态填充
支持 SVG 中 SMIL 的 JS 库
has.js 测试