Как поставить на задний фон прямоугольника в канвасе картинку?

Question

[Хорь Обыкновенный]

Столкнулся с такой проблемой: нужно создать объект, движущийся по нижней части канваса, задним фоном которого (объекта) является картинка. Помогите пожалуйста

Answer 1

[Олег]

var canvas = document.getElementById('canvas');
var context = canvas.getContext('2d');
var img = new Image();
var height = 180;
var width = 180;
img.onload = function() {
	context.save();
    context.rect(0, 0, 200, 200);//Здесь первый 0=X
    context.clip();
    context.drawImage(img,0, 0,width,height);//Первый 0=X
    context.restore();
};
img.src = 'http://vikup-msk.ru/wp-content/uploads/2015/10/1445787630_in_transit.png';

Comments

[Хорь Обыкновенный]

А с такой картинкой можно будет проводить манипуляции? Двигать по нажатию кнопок например?

[Олег]

Хорь Обыкновенный, Да. Я же пометил, если изменить данные X, то будет смещение поX