HTML canvas closePath() method
Mga kahulugan at paggamit
closePath() Mga paraan na gumawa ng daan mula sa kasalukuyang punto hanggang sa punto ng pagsisimula.
Mga payo:Gamitin ang stroke() Mga paraan upang magpahayag ng eksaktong daan ng pampapaint sa kanvas.
Mga payo:Gamitin ang fill() Mga paraan upang pampunan ang imahe (ng default ay kulay itim). Gamitin ang: fillStyle Mga katangian upang pampunan ng ibang kulay/gradient.
Mga halimbawa
Halimbawa 1
Ilikha ng isang daanang paraan, na may hugis na L, at magpakita ng linya upang bumalik sa simula ng punto:
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 payo:May higit pang mga halimbawa sa ibaba ng pahina.
Mga kahulugan at paggamit
context.closePath();
Higit pang mga halimbawa
Halimbawa 2
Gawing berde ang kulay ng pampunan:
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();
การสนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางนี้ระบุเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้ครั้งแรก
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และเวอร์ชั่นที่เก่ากว่าไม่สนับสนุนสิ่งที่มีชื่อว่า <canvas> อิเล็กทรอนิกส์
