MiterLimit hasassy

MiterLimit hasassy, lineJoin hasassy miter bahasynda bellänilende iki çyzygyň birleşmesiniň içiligini düzgünleşdirýär. Nähilik düzgünleşdirýär: eger burçuň uzynlygy miterLimit-da bellänilen san-dan uly bolsa, onda çyzyklaryň birleşmesi, görüň lineJoin hasassy bevel bahasynda bellenen ýaly hereket eder.

Bellenen ýagdaýda miterLimit hasassy 10 bahasy eýe. Ondan az 1 bahasyny goýup bolmaýar.

Sintaksis

kontekst.lineJoin = 'miter' ýa-da 'round' ýa-da 'bevel';

Mysal

Häzir lineJoin hasassy miter bahasynda bellänilen, ýöne heniz hiç bir çäklendirme ýok, burç içi:

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

Mysal

Indi bolsa, miterLimit kömegi bilen çäklendirmäni belläýäris:

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

Hem-de görüň

lineCap hasassy,
çyzygyň ahyrynyň görnüşini belledýär