Płótno HTML metoda createPattern()

Obraz do użycia:

Lampa

Przykład

Powtórz obraz zarówno w poziomie, jak i w pionie:

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();

Obsługa przeglądarki

Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę metodę.

Method
createPattern()	Yes	9.0	Yes	Yes	Yes

Definicja i użycie

Metoda createPattern() powtarza określony element w określonym kierunku.

Elementem może być obraz, wideo lub inny element <canvas>.

Powtarzający się element można wykorzystać do rysowania/wypełniania prostokątów, okręgów, linii itp.

Składnia JavaScript:	kontekst .createPattern( obraz ,"repeat\|repeat-x\|repeat-y\|no-repeat");

Wartości parametrów

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)

❮ Odniesienie do płótna HTML