Hi,
I am using canvas,and I have this 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 !");
}
I want to make this an animation to make google logo move from (0,0) to (0,120).
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?
setInterval(function(){
var imgY = ?; // How I can get my image y?or x?
if(imgY != 120){
imgY += 2; // adding the velocity
}
},250);
Thanks,Yosy.