SVG 重启属性

restart属性用于决定动画是否重新启动。该属性由、、、 和 元素使用。

句法：

restart="always | whenNotActive | never"

属性值：该属性接受上面提到和下面描述的三个值：

• always：指定动画可以一直重启。
• whenNotActive：指定动画只有在非活动状态时才能重新启动。如果尝试在其活动期间重新启动动画，则这些尝试将被忽略。
• 从不：它指定在加载文档时不能重新启动动画。

下面的例子说明了这个属性的用法：

示例 1：

HTML

  

    
        GeeksforGeeks
  
        
  
            
  
                
            
  
            
                
                    On Clicking here, the
                    animation will restart
                
                
                    even if it is currently
                    in animation.
                
            
        
    
    
        document.getElementById("geeks")
            .addEventListener("click", event => {
                document.querySelector("animate")
                    .beginElement();
            });
    

  

输出：

示例 2：

HTML

  

    
        GeeksforGeeks
  
        
  
            
                  
                
            
  
            
                
                    On Clicking here, the
                    animation will only
                
                
                    restart when it is not
                    currently active.
                
            
        
    
    
        document.getElementById("geeks")
            .addEventListener("click", event => {
                document.querySelector("animate")
                    .beginElement();
            });
    

  

输出：