HTML、js实现图片绕中心旋转

数行代码实现HTML、js实现图片绕中心旋转，记录一下。

HTML如下：

  

   

    

     

    
    

     

      <div id="baseinfofront"><img style={{cursor: 'pointer', visibility: checkFlag=='baseinfo'?'visible':'hidden'}} src={circul_bigImg} alt="详情图片"/>
     
    
   

    

     

    
    

     

      </div>
     
    
  
 

js如下：

  

   

    

     

    
    

     

      const InterVal = setInterval(function () {
     
    
   

    

     

    
    

     

      var baseinfo = document.getElementById('baseinfofront');
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      rotateVal += 1;
     
    
   

    

     

    
    

     

      if(baseinfofront)
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

      baseinfofront.style.transform = 'rotate(' + rotateVal + 'deg)';
     
    
   

    

     

    
    

     
 
     
    
   

    

     

    
    

     

       }, 10);
     
    
  
 

文章来源: zhulin1028.blog.csdn.net，作者：zhulin1028，版权归原作者所有，如需转载，请联系作者。

原文链接：zhulin1028.blog.csdn.net/article/details/120894573