停止调整大小的画布图像

Question

我使用drawImage(...)将jpeg绘制到HTML5画布上，但是当我放大或缩小（使用Ctrl + / Ctrl-）时，图像会四处移动。我觉得我忽略了一些令人眼花缭乱的事情，是不是这样呢？

我还将包含用于绘制图像的代码：

ctx.beginPath();
ctx.save();
ctx.arc( x, y,r, 0, Math.PI * 2 );
ctx.clip();
ctx.drawImage(image,0,0);
ctx.restore();
ctx.closePath();