HTML canvas createPattern () metode
Gambar yang digunakan:
contoh
Ulangi gambar secara horizontal dan 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();
Coba »
Dukungan Browser
Internet Explorer 9, Firefox, Opera, Chrome dan Safari dukungan createPattern () metode.
Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung <canvas> elemen.
Definisi dan Penggunaan
Metode createPattern () mengulangi elemen tertentu dalam arah tertentu.
Elemen dapat berupa gambar, video, atau lainnya <canvas> elemen.
Jadilah elemen diulang bisa digunakan untuk menggambar / mengisi persegi panjang, lingkaran, garis, atau sejenisnya.
| sintaks JavaScript: | konteks .createPattern (gambar, "repeat |mengulang-x | mengulang-y | no-repeat"); |
|---|
Nilai parameter
| 参数 | 描述 | |
|---|---|---|
| image | 规定要使用的模式的图片、画布或视频元素。 | |
| repeat | 默认。该模式在水平和垂直方向重复。 | |
| repeat-x | 该模式只在水平方向重复。 | |
| repeat-y | 该模式只在垂直方向重复。 | |
| no-repeat | 该模式只显示一次（不重复）。 |
Pedoman kanvas Referensi HTML