Quiero hacer un juego a pantalla completa, pero cuando lo hago, las colisiones de clics se desordenan, así es como se comportan las cosas...

 function fullScreen() { if(canvas.webkitRequestFullScreen) { canvas.webkitRequestFullScreen(); } else { canvas.mozRequestFullScreen(); } } var button = { x:20, y:60, width:50, height:50 }

Tengo un detector de eventos que escucha un clic y verifica si hemos hecho clic en el botón usando las coordenadas del mouse y los botones. Sin embargo, cuando cambiamos el tamaño del lienzo en la función de pantalla completa, las coordenadas están desordenadas y no son exactas con lo que está viendo el usuario. ¿Cómo soluciono esto y alineo las coordenadas sin importar el tamaño del lienzo?