📜  SVG<animateTransform>元素

📅  最后修改于: 2021-10-29 03:59:23             🧑  作者: Mango

SVG 代表可缩放矢量图形。它定义了基于矢量的图形和动画,就像在 HTML Canvas 中一样。

animateTransform 元素为其目标元素上的转换属性设置动画,从而允许动画控制平移、缩放、旋转和/或倾斜。

句法:

属性:

  • from:动画期间将被修改的属性的初始值。
  • to:将在动画期间修改的属性的最终值。
  • type:它定义了转换的类型,其值随时间变化。
  • dur:动画的持续时间。
  • repeatCount:动画发生的次数。
  • repeatDur:重复动画的总持续时间。
  • attributeName:将被动画化的 CSS 属性的名称。

例子:

HTML


  

    
  
        
            
        
    

  


支持的浏览器:

  • 铬合金
  • 边缘
  • 火狐
  • 苹果浏览器
  • 歌剧