SVG SMIL animation

SVG SMIL animation

Method of using animation elements to animate SVG images

Spec http://www.w3.org/TR/SVG/animate.html
Status W3C Recommendation
IE Edge Firefox Chrome Safari Opera
    57 62 (2)    
    56 61 (2) TP 48 (2)
  16 55 60 (2) 11 47 (2)
11 15 54 59 (2) 10.1 46 (2)
10 14 53 58 (2) 10 45 (2)
9 13 52 57 (2) 9.1 44 (2)
8 12 51 56 (2) 9 43 (2)
Show all
7   50 55 (2) 8 42 (2)
6   49 54 (2) 7.1 41 (2)
5.5   48 53 (2) 7 40 (2)
    47 52 (2) 6.1 39 (2)
    46 51 (2) 6 38 (2)
    45 50 (2) 5.1 (1) 37 (2)
    44 49 (2) 5 (1) 36 (2)
    43 48 (2) 4 (1) 35 (2)
    42 47 (2) 3.2 34 (2)
    41 46 (2) 3.1 33 (2)
    40 45 (2)   32 (2)
    39 44   31
    38 43   30
    37 42   29
    36 41   28
    35 40   27
    34 39   26
    33 38   25
    32 37   24
    31 36   23
    30 35   22
    29 34   21
    28 33   20
    27 32   19
    26 31   18
    25 30   17
    24 29   16
    23 28   15
    22 27   12.1
    21 26   12
    20 25   11.6
    19 24   11.5
    18 23   11.1
    17 22   11
    16 21   10.6
    15 20   10.5
    14 19   10.0-10.1
    13 18   9.5-9.6
    12 17   9
    11 16    
    10 15    
    9 14    
    8 13    
    7 12    
    6 11    
    5 10    
    4 9    
    3.6 8    
    3.5 7    
    3 6    
    2 5    
      4    
iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Android Chrome Android Firefox IE Mobile Android UC Browser Samsung Internet QQ Browser Baidu Browser
11                      
10.3 all 56 10 37 59 54 11 11.4 5 1.2 (2) 7.12
10.0-10.2   4.4.3-4.4.4 7 12.1     10   4    
9.3   4.4   12              
9.0-9.2   4.2-4.3   11.5              
Show all
8.1-8.4   4.1   11.1              
8   4   11              
7.0-7.1   3   10              
6.0-6.1   2.3                  
5.0-5.1 (1)   2.2                  
4.2-4.3 (1)   2.1                  
4.0-4.1 (1)                      
3.2 (1)                      

Notes

  1. Partial support in older Safari versions refers to not working in HTML files or CSS background images.

  2. As of Chrome 45 & Opera 32 SMIL is deprecated and usage will result in a warning in the console. Support is expected to be dropped in some future version.

Bugs

  • No events are fired at all in WebKit/Blink browsers during animation (onbegin/onrepeat/onend) see bug

  • Animation in SVG is not supported in inline SVG on Android browsers prior to version 4.4.

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=svg-smil

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号

意见反馈
返回顶部