Есть 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