Najnowsze tutoriale tworzenie stron internetowych
 

HTML canvas createPattern() Method

<Płótno Przedmiot

Obraz używać:

Lampa

Przykład

Powtarzania obrazu w poziomie i w pionie:

YourbrowserdoesnotsupporttheHTML5canvastag.

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();
Spróbuj sam "

Wsparcie przeglądarka

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

metoda
createPattern() 4.0 9.0 3.6 4.0 10,1

Definicja i Wykorzystanie

createPattern() sposób powtarza określonego elementu w określonym kierunku.

Element może być obraz, wideo lub inna <canvas> elementu.

Powtarzający się element może być wykorzystana do przygotowania / wypełnij prostokąty, koła, przewody itd.

Składnia JavaScript: context . createPattern( image ,"repeat|repeat-x|repeat-y|no-repeat") ;

wartości parametrów

Parametr Opis Graj
image Określa obraz, płótno, lub element wideo wzoru użyć
powtarzać Zaniedbanie. Wzór powtarza się zarówno w poziomie jak i w pionie Graj "
repeat-x Wzór powtarza się w pozycji poziomej Graj "
repeat-y Wzór powtarza się tylko w pionie Graj "
no-repeat Zostanie wyświetlony wzorzec tylko raz (no repeat) Graj "

<Płótno Przedmiot