HTML tuvali createPattern() Yöntemi

Kullanılacak resim:

Lamba

Örnek

Bir görüntüyü hem yatay hem de dikey olarak tekrarlayın:

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

Tarayıcı Desteği

Tablodaki sayılar, yöntemi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.

Method
createPattern()	Yes	9.0	Yes	Yes	Yes

Tanım ve Kullanım

createPattern() yöntemi, belirtilen öğeyi belirtilen yönde tekrarlar.

Öğe bir resim, video veya başka bir <canvas> öğesi olabilir.

Tekrarlanan öğe, dikdörtgenler, daireler, çizgiler vb. çizmek/doldurmak için kullanılabilir.

JavaScript sözdizimi:	bağlam .createPattern( resim ,"tekrar\|tekrar-x\|tekrar-y\|tekrar yok");

Parametre Değerleri

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 Kanvas Referansı