Obrazek do wykorzystania:
Przykład
Powtarzanie obrazu w pionie i poziomie:
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 " Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, który w pełni obsługuje metodę.
| metoda | |||||
|---|---|---|---|---|---|
| createPattern() | tak | 9,0 | tak | tak | tak |
Definicja i Wykorzystanie
createPattern() Metoda powtarza określony element w określonym kierunku.
Element może być obraz, wideo lub inna <canvas> elementu.
Powtarzające element może być użyty do rysowania / wypełnić prostokąty, koła, linie itp
| 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 video wzoru użyć | |
| repeat | Zaniedbanie. Wzór powtarza zarówno poziomo jak i pionowo | Graj " |
| repeat-x | Wzór powtarza się tylko w poziomie | Graj " |
| repeat-y | Wzór powtarza się tylko w pionie | Graj " |
| no-repeat | Zostanie wyświetlony wzór tylko raz (bez powtarzania) | Graj " |