Хосияти 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,
ки намуди охири хатро муайян мекунад
