Непонятки с вывотой. Позиционирование.
 

Есть canvas 300х300 и ничего больше.
Броузер делет margin=8, так что скажим body:margin = 0;
var c -- наш canvas

странность №1:
в зависимости от масштаба увеличения страницы
c.getBoundingClientRect().height=332 и до 338, но никак не 300!!! почему??


старнность №2 когда рисуем на canvas в координаты mouseEvent'а, то промахиваемся по вертикали на примерно те же 30px


подскажите, пожалуйста, в чём причина?


код
http://jsbin.com/peliya/2/edit?html,css,js,output