गुण miterLimit
गुण miterLimit दो रेखाओं के जुड़ने की नुकीलेपन को
नियंत्रित करता है जब
गुण lineJoin
का मान miter पर सेट हो। कैसे नियंत्रित करता है:
यदि कोण की लंबाई miterLimit में दिए गए नंबर
से अधिक हो जाती है, तो रेखाओं का जुड़ाव ऐसे व्यवहार करता है
मानो lineJoin का मान
bevel पर सेट हो।
डिफ़ॉल्ट रूप से miterLimit का मान 10 होता है।
1 से कम इसका मान सेट नहीं किया जा सकता।
सिंटैक्स
context.lineJoin = 'miter' or 'round' or 'bevel';
उदाहरण
अभी गुण lineJoin का मान
miter पर सेट है, लेकिन अभी तक कोई
पाबंदी नहीं लगाई गई है, कोण नुकीला है:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.lineWidth = 10;
ctx.moveTo(50, 140);
ctx.lineTo(100, 30);
ctx.lineTo(150, 140);
ctx.stroke();
:
उदाहरण
और अब miterLimit की मदद से
पाबंदी लगाते हैं:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.lineWidth = 10;
ctx.miterLimit = 1;
ctx.moveTo(50, 140);
ctx.lineTo(100, 30);
ctx.lineTo(150, 140);
ctx.stroke();
:
यह भी देखें
-
गुण
lineCap,
जो लाइन के सिरे का प्रकार निर्धारित करता है
