Здравствуйте!
Есть такой код:
this.gObject = document.createElement('canvas');
this.ctx = this.gObject.getContext('2d');
this.img = new Image();
this.img.onload = function(obj) {
return function() {
obj.ctx.drawImage(obj.img, 0, 0);
}
}(this);
this.img.src = "image.png";
Как-то так получается, что после drawImage картинка то устанавливается, но она обрезана да 300*150. Если после второй строчки добавляю
this.gObject.style.width ='100%';
this.gObject.style.height='100%';
То изображение всеравно обрезается до 300*150, но при этом растягивается до размеров this.gObject.
Пробовал после загрузки выводить в консоль размеры this.img - они там оказались не обрезаны, получается, обрезает их сам canvas.
Как можно решить данную проблему?