HTML 5 Image Rotator

Sir we use canvas for image rotation in HTML 5 like below given example.


 
 
     
         
         
     
     
         
     
 



Sir You can also check the below example.

 
     
      
       
      type="text/javascript"> 
         setInterval(draw, 150); 
          var degrees = 0.0; 
          function draw() { 
        var drawingCanvas = document.getElementById('myDrawing'); 
        // Check the element is in the DOM and the browser supports canvas 
        if(drawingCanvas && drawingCanvas.getContext) { 
 
         // Initaliase a 2-dimensional drawing context 
         var context = drawingCanvas.getContext('2d'); 
 
        context.translate(0, 0); 
        context.rotate(Math.PI * 45 / 180); 
 
         //Load the image object in JS, then apply to canvas onload      
         var myImage = new Image(); 
         myImage.onload = function() { 
          context.drawImage(myImage, -(50/2), -(50/2), 50, 50); 
         } 
 
         myImage.src = "spin.png"; 
 
        } 
       } 
       
      
      
      id="myDrawing" width="50" height="50">