ข้อมูลอ้างอิง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 miterLimit Property

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

ตัวอย่าง

ลากเส้นที่มีความยาวตุ้มปี่สูงสุด 5:

YourbrowserdoesnotsupporttheHTML5canvastag.

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

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.lineWidth = 10;
ctx.lineJoin = "miter";
ctx.miterLimit = 5;
ctx.moveTo(20, 20);
ctx.lineTo(50, 27);
ctx.lineTo(20, 34);
ctx.stroke();

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

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

Property
miterLimit Yes 9.0 Yes Yes Yes

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

คุณสมบัติ miterLimit ตั้งค่าหรือส่งคืนความยาวตุ้มปี่สูงสุด

ความยาวของตุ้มปี่คือระยะห่างระหว่างมุมด้านในกับมุมด้านนอกที่เส้นสองเส้นมาบรรจบกัน

Mitre Limit รูปที่ 1

เคล็ดลับ:คุณสมบัติ miterLimit ใช้ได้เฉพาะเมื่อแอตทริบิวต์ lineJoin คือ "miter"

ความยาวของตุ้มปี่จะใหญ่ขึ้นเมื่อมุมของมุมเล็กลง

เพื่อป้องกันไม่ให้ความยาวของตุ้มปี่ยาวเกินไปเราสามารถใช้คุณสมบัติ miterLimit

หากความยาวของตุ้มปี่เกินค่า miterLimit มุมจะแสดงเป็น lineJoin ประเภท "bevel" (รูปที่ 3):

Mitre Limit รูปที่ 2
ค่าเริ่มต้น: 10
ไวยากรณ์ JavaScript: บริบท .miterLimit= จำนวน ;

มูลค่าทรัพย์สิน

Value Description Play it
number A positive number that specifies the maximum miter length. If the current miter length exceeds the miterLimit, the corner will display as lineJoin "bevel"

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