title: Canvas - Getting Image Position
body: <p>I am using canvas,and I have this code - <br/></p>
  
  <pre><code>        var myCanvas = document.getElementById("myCanvas"),
          ctx = null;
  
      // Check for support - Feature Support and not Browser Support
      if ( myCanvas.getContext) {
          // Getting the context future 3d ^_^
          ctx = myCanvas.getContext("2d");
  
          var googleLogo = new Image();
          googleLogo.src = 'img.png';
          googleLogo.onload = function(){
              // Adding our image..
              ctx.drawImage(googleLogo,0,0); // drawImage(image object,x,y)
          };
  
          }else{
          alert("You don`t have support in CANVAS !");
      }
  </code></pre>
  
  <p>I want to make this an animation to make google logo move from (0,0) to (0,120).
  <br/>Theoretically I know that I need to use setInterval and every x seconds I need to increase the y of my image,but how I can change the y position of my image?</p>
  
  <pre><code>                    setInterval(function(){
                      var imgY = ?; // How I can get my image y?or x?
                      if(imgY != 120){
                          imgY += 2;   // adding the velocity
                      }
  
                  },250);
  </code></pre>
  
  <p>Thanks,Yosy.</p>