Paraan ng Canvas closePath()
Paglalarawan at Paggamit
closePath() Ang paraan upang gumawa ng daan mula sa kasalukuyang punto hanggang sa punto ng pagsisimula.
Mga tagubilin:Gamit ang stroke() Ang paraan upang iginuhit ang tiyak na daan sa kanvas.
Mga tagubilin:Gamit ang fill() Gamit ang paraan upang pupunan ang imahe (ng default ay puti). Gamit ang fillStyle Gamit ang katangian upang pupunan ang ibang kulay/gradwasyon.
Mga halimbawa
Mga halimbawa 1
Iginuhit ang isang daan na may hugis L, at pagkatapos ay iginuhit ang linya upang bumalik sa punto ng pagsisimula:
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();
Mga tagubilin:Maraming halimbawa na matatagpuan sa ibaba ng pahina.
Grammar
context.closePath();
Mga mas maraming halimbawa
Mga halimbawa 2
Gawing berdeng kulay ang kulay na pupunan:
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();
Suporta ng browser
Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian na ito.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Komentaryo:Ang Internet Explorer 8 at mas maagang bersyon ay hindi sumusuporta sa <canvas> elemento.
