CanvasRenderingContext2D.createPattern()

CanvasRenderingContext2D.createPattern() - створює шаблон , використовуючи вказане зображення.

Синтаксис:

ctx.createPattern( image, repetition );

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

image - зображення з якого створюється шаблон. Елемент img, video, canvas.

repetition - повторення зображення.

"repeat" - повторювати в обох напрямках.
"repeat-x" - повторювати тільки по горизонталі.
"repeat-y" - повторювати тільки по вертикалі.
"no-repeat" - не повторювати.

Опис:

createPattern() метод об'єкту CanvasRenderingContext2D створює шаблон , використовуючи вказане зображення. Метод повертає об'єкт CanvasPattern.

Приклад:

var canvas= document.getElementById("canvas");
crt = canvas.getContext("2d");
var img = document.getElementById("testImage");
var patern = crt.createPattern(img, "repeat");
crt.fillStyle=patern;
crt.fillRect(0, 0, 450, 320);