miterLimit বৈশিষ্ট্য
miterLimit বৈশিষ্ট্যটি দুটি লাইনের সংযোগের তীব্রতা
নিয়ন্ত্রণ করে যখন
lineJoin
বৈশিষ্ট্যটি miter মানে সেট করা থাকে। কিভাবে নিয়ন্ত্রণ করে:
যদি কোণের দৈর্ঘ্য miterLimit-এ নির্ধারিত সংখ্যার চেয়ে বেশি হয়,
তবে লাইন সংযোগগুলি এমনভাবে আচরণ করে যেন
lineJoin বৈশিষ্ট্য
bevel মানে সেট করা আছে।
ডিফল্টভাবে miterLimit-এর মান 10।
1-এর কম মান সেট করা যাবে না।
সিনট্যাক্স
context.lineJoin = 'miter' বা 'round' বা '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বৈশিষ্ট্য,
যা লাইনের প্রান্তের ধরন নির্ধারণ করে
