Свойство miterLimit
Свойство miterLimit икки чизик
туташишининг ўткирлигини назорат қилади, агар
свойство lineJoin
miter қийматига ўрнатилган бўлса. Қандай назорат қилади:
агар бурчак узунлиги miterLimit да белгиланган
сондан катта бўлса, у ҳолда чизиқларнинг туташиши
lineJoin хосисаси bevel қийматига
ўрнатилгандек ҳаракат қилади.
Стандарт бўйича miterLimit 10 қийматига эга.
1 дан кам қийматни ўрнатиб бўлмайди.
Синтаксис
контекст.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,
чизик учининг кўринишини белгиловчи
