HTML-Leinwand create () -Methode
Die verwendeten Bilder:
Beispiele
Wiederholen Sie das Bild horizontal und vertikal:
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();
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();
Versuchen »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen create () -Methode.
Hinweis: 8 und frühere Versionen von Internet Explorer unterstützt nicht das <canvas> -Element.
Definition und Verwendung
create () Methode wiederholt ein angegebenes Element in der angegebenen Richtung.
Die Elemente können Bilder, Videos oder andere <canvas> -Element sein.
Seien Sie wiederholt Element kann verwendet werden, zu zeichnen / füllen Rechteck, Kreis, Linie oder dergleichen.
JavaScript-Syntax: | Kontext .createPattern (Bild, "Wiederholung |repeat-x | repeat-y | no-repeat"); |
---|
Parameter Wert
参数 | 描述 | |
---|---|---|
image | 规定要使用的模式的图片、画布或视频元素。 | |
repeat | 默认。该模式在水平和垂直方向重复。 | |
repeat-x | 该模式只在水平方向重复。 | |
repeat-y | 该模式只在垂直方向重复。 | |
no-repeat | 该模式只显示一次(不重复)。 |