在画布上居中放置图像

时间:2019-02-06 18:56:15

标签: javascript html css canvas

我正在尝试使用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作为坐标时,我就没遇到麻烦。

0 个答案:

没有答案