วิธี HTML canvas stroke()
คำอธิบายและวิธีใช้
stroke() วิธีนี้จะวาดเส้นทางที่ผ่าน moveTo() และ lineTo() วิธีที่กำหนดเส้นทางโดยใช้หน้ามีค่าโดยมาตรฐาน สีดั้งเดิมคือสีดำ。
คำเตือน：ใช้ strokeStyle ขอบเขตเพื่อวาดสี/สีสลับต่างๆ。
ตัวอย่าง
วาดเส้นทางที่มีรูปร่างเป็นตัวอักษร L สีเขียว:
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.strokeStyle="green";
ctx.stroke();
ระบุความเป็นอิสระ
context.stroke();
การสนับสนุนโปรแกรมบราวเซอร์
ตัวเลขในตารางนี้บอกเล่าถึงตัวรุ่นแรกที่สนับสนุนคุณสมบัตินี้
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
หมายเหตุ：Internet Explorer 8 และตัวรุ่นเก่ากว่าไม่สนับสนุนสมรรถนะ <canvas> อิเล็กทรอนิกส์
