Смещение координат при масштабировании элемента с помощью CSS

CSS

#canvas{max-width:100%;max-height:100%;}

При масштабировании получаю не правильные координаты (offsetX ,offsetY).Холст размером 1920/1080 ,а получаемые координаты разнятся от ширины экрана .На изображении чёрный круг - полученные координаты ,а нарисованный красный крестик - фактическое местоположение курсора .