JavaScript Canvas上的鼠标移动与CSS一起使用

Question

我最近想出了如何点击javascript画布，但是当我尝试使用CSS缩放图像时出现问题，它只是不起作用。 这就是我学会了用画布点击的东西：

window.onload = function(){
    c = document.getElementById("C");
    g = c.getContext("2d");
    c.addEventListener("mousemove", mouseUpdate);
}
function mouseUpdate(event){
    mouseX = event.pageX - c.offsetLeft;
    mouseY = event.pageY - c.offsetTop;
}

此代码可以正常工作，但第二步我添加CSS来缩放画布...

#C{
    width:80%;
    height:80%;
}

鼠标再次错过对齐。 画布设置为1920x1080，缩小80％。有没有人知道如何解决这个问题，因为我没有发现其他人遇到与CSS有问题的同样问题......