miterLimit বৈশিষ্ট্য

miterLimit বৈশিষ্ট্যটি দুটি লাইনের সংযোগের তীব্রতা নিয়ন্ত্রণ করে যখন lineJoin বৈশিষ্ট্যটি miter মানে সেট করা থাকে। কিভাবে নিয়ন্ত্রণ করে: যদি কোণের দৈর্ঘ্য miterLimit-এ নির্ধারিত সংখ্যার চেয়ে বেশি হয়, তবে লাইন সংযোগগুলি এমনভাবে আচরণ করে যেন lineJoin বৈশিষ্ট্য bevel মানে সেট করা আছে।

ডিফল্টভাবে miterLimit-এর মান 10। 1-এর কম মান সেট করা যাবে না।

সিনট্যাক্স

javascriptcontext.lineJoin = 'miter' বা 'round' বা '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();

Результат:

আরও দেখুন