Refactored the way the canvas position is calculated to make it more homogeneous between all event types

this is now using `getBoundingClientRect` :
http://www.jacklmoore.com/notes/mouse-position/

https://developer.mozilla.org/en-US/docs/DOM/element.getBoundingClientRect