गुण miterLimit

गुण miterLimit दो रेखाओं के जुड़ने की नुकीलेपन को नियंत्रित करता है जब गुण lineJoin का मान miter पर सेट हो। कैसे नियंत्रित करता है: यदि कोण की लंबाई miterLimit में दिए गए नंबर से अधिक हो जाती है, तो रेखाओं का जुड़ाव ऐसे व्यवहार करता है मानो lineJoin का मान bevel पर सेट हो।

डिफ़ॉल्ट रूप से miterLimit का मान 10 होता है। 1 से कम इसका मान सेट नहीं किया जा सकता।

सिंटैक्स

javascriptcontext.lineJoin = 'miter' or 'round' or 'bevel';

उदाहरण

अभी गुण lineJoin का मान miter पर सेट है, लेकिन अभी तक कोई पाबंदी नहीं लगाई गई है, कोण नुकीला है:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet 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 की मदद से पाबंदी लगाते हैं:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet 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();

Результат:

यह भी देखें