Bonjour, pourriez-vous m aider avec mon code ?

Le principe est le suivant:

- L'utilisateur sélectionne un fichier a charger

- il valide le chargement

- Le fichier se charge en background de mon canvas.

-Le canvas permet de dessiner des rectangles rouge sur l image upload.

Mon problème est que lorsque l'image dépasse de l ecrean (en Y ) et que l utilisateur scroll avant de dessiner le rectangle alors, les rectangles se décalent  trop vers le bas et je ne comprend pas pourquoi!

Code : https://jsfiddle.net/5fo8k0vv/

 EDIT:

Il suffisait d enlever window.pageXOffset et window.pageYOffset.

-
Edité par gameox3 26 juillet 2016 à 13:15:02