Canvas lineJoin ภาษาที่ใช้

คู่มือ Canvas

การระบุและการใช้งาน

lineJoin คุณสมบัติเพื่อตั้งค่าหรือกลับค่าประเภทของมุมที่สร้างขึ้น ขณะที่สองสายบุกเข้าในประตูของกัน

หมายเหตุ：ค่า "miter" ได้รับ miterLimit ผลกระทบของคุณสมบัติ。

ตัวอย่าง

เมื่อสองสายต่อเนื่องกันที่จับต่อกัน สร้างมุมเรียบเรียบ:

เว็บเบราส์เซอร์ของคุณไม่สนับสนุนแท็ก canvas。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
ctx.stroke();

ทดลองด้วยตัวเอง

ศัพท์

context.lineJoin="bevel|round|miter";

ค่าของคุณสมบัติ

ค่า การอธิบาย
bevel สร้างมุมทันต์。
round สร้างมุมเรียบเรียบ。
miter ค่าเริ่มต้น สร้างมุมชี้แหวน

รายละเอียดเทคนิค

ค่าเริ่มต้น： miter

การสนับสนุนโปรแกรมบราวเซอร์

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

หมายเหตุ：Internet Explorer 8 และรุ่นเก่ากว่าไม่สนับสนุนองค์ประกอบ <canvas>.

คู่มือ Canvas