Я хочу нарисовать изображение из файла jpg на холсте. Мой код:
var canvas = document.getElementById('my_canvas');
var ctx = canvas.getContext('2d');
var imageObj = new Image();
imageObj.onload = function() {
ctx.drawImage(imageObj, 0, 0);
};
imageObj.src = 'img/my_image.jpg';
Проблема в том, что изображение на холсте намного больше, чем в файле. Зачем? Как я могу нарисовать реальный размер изображения?
UPDATE: результат: http://jsfiddle.net/AJK2t/