javascript - 在画布中居中图像

Question

我正在尝试使用 ctx.drawimage 函数在画布的中心呈现图像。

在我将其坐标定义为 (canvas.width - image.width)/2,(canvas.height - image.height)/2 后，图像无法显示。

function drawFace(){
    var image = images[trialCounter];
    ctx.drawImage(image,
    (canvas.width - image.width)/2,
    (canvas.height - image.height)/2,
    220, 270
    );
}

图像不再显示在屏幕中央，而是停止显示。当我只是将 canvas.width/2, canvas.height/2 作为坐标时，我没有遇到任何问题。

标签： javascripthtmlcsscanvas