Xüsusiyyət miterLimit

Xüsusiyyət miterLimit, lineJoin xüsusiyyəti miter dəyərinə təyin edildikdə, iki xəttin birləşmə nöqtəsində itliyi tənzimləyir. Necə tənzimləyir: əgər bucağın uzunluğu miterLimit-də təyin edilən ədəddən çox olarsa, onda xətt birləşmələri sanki lineJoin xüsusiyyəti bevel dəyərinə təyin olunub kimi davranır.

Standart olaraq miterLimit 10 dəyərinə malikdir. Onun dəyərini 1-dən aşağı təyin etmək olmaz.

Sintaksis

javascriptkontekst.lineJoin = 'miter' ya da 'round' ya da 'bevel';

Nümunə

Hal-hazırda lineJoin xüsusiyyəti miter dəyərinə təyin edilib, amma hələ ki, heç bir məhdudiyyət yoxdur, bucaq itidir:

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

Результат:

Nümunə

İndi isə miterLimit vasitəsilə məhdudiyyət təyin edək:

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

Результат:

Həmçinin baxın