Veturia miterLimit
Veturia miterLimit rregullon mprehtësinë
e lidhjes së dy vijave në rastin kur
veturia lineJoin
është caktuar në vlerën miter. Si rregullon:
nëse gjatësia e këndit rezulton më e madhe se numri,
i caktuar në miterLimit, atëherë lidhja e vijave
sillet sikur lineJoin të ishte caktuar në vlerën
bevel.
Si parazgjedhje miterLimit ka vlerën 10.
Më pak se 1 vlera e tij nuk mund të caktohet.
Sintaksa
konteksti.lineJoin = 'miter' ose 'round' ose 'bevel';
Shembull
Tani veturia lineJoin është vendosur
në vlerën miter, por deri tani nuk ka
kufizime, këndi është i mprehtë:
<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();
:
Shembull
Tani le të vendosim kufizimin me ndihmën e
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();
:
Shihni gjithashtu
-
veturia
lineCap,
e cila përcakton pamjen e fundit të vijës
