I'm making a photogallery, but all my images are painted in the origin (0,0).
canvasContent.drawImage(arrPhoto[currentIndex], 0, 0);
If you supply the
x, y position like so:
var image = arrPhoto[currentIndex]; canvasContent.drawImage(image, canvas.width / 2 - image.width / 2, canvas.height / 2 - image.height / 2 );
then it should appear in the center. An example of this in action is available at: http://jsfiddle.net/VPLZc/2/.