javascript - 在 Canvas 中间绘制图像

Question

我正在制作一个相册，但我所有的图像都是在原点 (0,0) 绘制的。

canvasContent.drawImage(arrPhoto[currentIndex], 0, 0);

如何确保我的图像绘制在 Canvas 对象的中间？

谢谢你帮助我!

更新

我的问题可能有点错误。我的意思是:我希望图像的中间位于 Canvas 的中间，而不是图像的顶 Angular 。

对不起

编辑:打字错误

编辑2:打字错误

Answer 1

如果您像这样提供 x, y 位置:

var image = arrPhoto[currentIndex];
canvasContent.drawImage(image,
        canvas.width / 2 - image.width / 2,
        canvas.height / 2 - image.height / 2
);

然后它应该出现在中心。此处提供了一个实际示例:http://jsfiddle.net/VPLZc/2/ .