Metod closePath() Canvas
Definisi dan penggunaan
closePath() Untuk mencipta laluan dari titik semasa ke titik asal.
Panduan:Guna metod stroke() untuk lukis laluan yang tepat di atas kertas.
Panduan:Guna metod fill() Guna metod untuk mengisi imej (default adalah hitam). Sila gunakan fillStyle Guna sifat untuk mengisi warna lain/gradient lain.
Contoh
Contoh 1
Gambar satu laluan yang berbentuk huruf L, kemudian lukis garisan untuk kembali ke titik asal:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
Panduan:Terdapat contoh lanjut di bawah halaman.
Syntax
context.closePath();
Contoh lanjut
Contoh 2
Pilih hijau sebagai warna pengisi:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.closePath();
ctx.stroke();
ctx.fillStyle="green";
ctx.fill();
Sokongan pelayar
Nombor di dalam tabel menunjukkan versi paling awal penyokong browser bagi sifat ini.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Komen:Internet Explorer 8 dan versi awalnya tidak mendukung elemen <canvas>.
