Я слоняюсь с элементом canvas и рисунком, а простой прямоугольник отображает меньше пикселей, чем должно. Я не могу понять, почему - происходит в последних браузерах Firefox, Safari и Mobile Safari. Я ожидаю, что это заполнит весь холст.
<html>
<body>
<canvas id="draw" style="width:100px;height:100px;border:1px solid #f00;"
onClick="doDraw(event)">
</canvas>
<script>
function doDraw(ev) {
console.log(ev.clientX,ev.clientY);
var el = document.getElementById('draw');
var ctx = el.getContext('2d');
ctx.fillRect(0,0,100,100);
}
</script>
</body>
</html>