с помощью объекта Canvas FillRect можно поместить фоновое изображение в прямоугольник
Вы можете использовать шаблоны :
Пример:
var pattern = context.createPattern(image, repetition); context.fillStyle = pattern; context.fillRect(x, y, width, height);