ข้อมูลอ้างอิงHTML

HTML โดยตัวอักษร HTML ตามหมวดหมู่ รองรับ HTML Browser แอตทริบิวต์ HTML HTML Global Attributes เหตุการณ์ HTML HTML สี HTML Canvas HTML เสียง/วิดีโอ ชุดอักขระ HTML HTML Doctypes การเข้ารหัส URL HTML รหัสภาษา HTML รหัสประเทศ HTML ข้อความ HTTP วิธี HTTP ตัวแปลง PX เป็น EM แป้นพิมพ์ลัด


จังหวะผ้าใบ HTML () วิธีการ

❮ อ้างอิงผ้าใบ HTML

ตัวอย่าง

วาดเส้นทางที่มีรูปร่างเป็นตัวอักษร L - สีแดง:

YourbrowserdoesnotsupporttheHTML5canvastag.

จาวาสคริปต์:

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 = "red";
ctx.stroke();

รองรับเบราว์เซอร์

ตัวเลขในตารางระบุเบราว์เซอร์รุ่นแรกที่รองรับวิธีการนี้อย่างเต็มที่

Method
stroke() Yes 9.0 Yes Yes Yes

ความหมายและการใช้งาน

วิธี stroke() จะดึงเส้นทางที่คุณกำหนดด้วยเมธอด moveTo() และ lineTo() ทั้งหมดเหล่านั้น สีเริ่มต้นคือสีดำ

เคล็ดลับ:ใช้ คุณสมบัติ strokeStyle เพื่อวาดด้วยสี/การไล่ระดับสีอื่น

ไวยากรณ์ JavaScript: บริบท .stroke ();

❮ อ้างอิงผ้าใบ HTML