Metoda CreatePattern() na plátně HTML

Obrázek k použití:

Svítilna

Příklad

Opakujte obrázek vodorovně i svisle:

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var img = document.getElementById("lamp");
var pat = ctx.createPattern(img, "repeat");
ctx.rect(0, 0, 150, 100);
ctx.fillStyle = pat;
ctx.fill();

Podpora prohlížeče

Čísla v tabulce určují první verzi prohlížeče, která tuto metodu plně podporuje.

Method
createPattern()	Yes	9.0	Yes	Yes	Yes

Definice a použití

Metoda createPattern() opakuje zadaný prvek v zadaném směru.

Prvek může být obrázek, video nebo jiný prvek <canvas>.

Opakovaný prvek lze použít ke kreslení/vyplňování obdélníků, kruhů, čar atd.

Syntaxe JavaScriptu:	context .createPattern( image ,,repeat\|repeat-x\|repeat-y\|no-repeat");

Hodnoty parametrů

Parameter	Description	Play it
image	Specifies the image, canvas, or video element of the pattern to use
repeat	Default. The pattern repeats both horizontally and vertically
repeat-x	The pattern repeats only horizontally
repeat-y	The pattern repeats only vertically
no-repeat	The pattern will be displayed only once (no repeat)

❮ HTML Canvas Reference