Метод createPattern

позволяет размножать изображение.

Синтаксис

createPattern(image,type)

Параметры

• image — объект Image();
• type — строка соответствующая одному из значений: repeat, repeat-x, repeat-y и no-repeat.

Результат появится на холсте после применения метода fill() или stroke().

Перед применением метода следует убедиться, что изображение загружено.

Пример

var canvas = document.getElementById("picture");
var ctx = canvas.getContext("2d");
	
var img = new Image();  
	img.src = "path-to/mobil.png";  
	img.onload = function(){  
  
		var ptrn = ctx.createPattern(img,"repeat");  
		ctx.fillStyle = ptrn;  
		ctx.fillRect(0,0,350,150);  
   }

В живую.