createPattern()
Canvas createPattern() metodi
Ishlatiladigan rasm:
Misol
Rasmni ham gorizontal, ham vertikal yo‘nalishda takrorlang:
JavaScript:
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
const img = document.getElementById("lamp");
const pat = ctx.createPattern(img, "repeat");
ctx.rect(0, 0, 150, 100);
ctx.fillStyle = pat;
ctx.fill();
O‘zingiz sinab ko‘ring »
Tavsif
createPattern() metodi belgilangan elementni belgilangan yo‘nalishda takrorlaydi.
Element rasm, video yoki boshqa <canvas> elementi bo‘lishi mumkin.
Takrorlangan elementdan to‘rtburchaklar, aylanalar, chiziqlar va hokazolarni chizish/to‘ldirish uchun foydalanish mumkin.
| JavaScript sintaksisi: | context.createPattern(image, "repeat|repeat-x|repeat-y|no-repeat"); |
|---|
Parametr qiymatlari
| Parametr | Tavsif |
|---|---|
| image | Naqsh uchun ishlatiladigan rasm, canvas yoki video elementini belgilaydi |
| repeat | Standart. Naqsh ham gorizontal, ham vertikal yo‘nalishda takrorlanadi |
| repeat-x | Naqsh faqat gorizontal yo‘nalishda takrorlanadi |
| repeat-y | Naqsh faqat vertikal yo‘nalishda takrorlanadi |
| no-repeat | Naqsh faqat bir marta ko‘rsatiladi (takrorlanmaydi) |
Brauzerlarda qo‘llab-quvvatlash
<canvas> elementi HTML5 standartidir (2014).
createPattern() barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Ha | Ha | Ha | Ha | Ha | 9-11 |
❮ Canvas ma’lumotnomasi
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!