Exemplu
Desenați o linie cu capace de capăt rotunjite:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineCap="round";
ctx.moveTo(20,20);
ctx.lineTo(200,20);
ctx.stroke();
Încearcă - l singur » Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Proprietate | |||||
---|---|---|---|---|---|
lineCap | da | 9 | da | da | da |
Definiție și utilizare
Seturile de proprietate lineCap sau returnează stilul capace de capăt pentru o linie.
Note: Valoarea "round" și "square" face liniile puțin mai lung.
Valoare implicită: | îmbinare |
---|---|
sintaxa JavaScript: | context .lineCap="butt|round|square"; |
Valori de proprietate
Valoare | Descriere | Joaca-l |
---|---|---|
butt | Mod implicit. O margine netedă, se adaugă la fiecare capăt al liniei | Joaca - l » |
round | Un capac de capăt rotunjit, se adaugă la fiecare capăt al liniei | Joaca - l » |
square | Un pătrat capac de capăt se adaugă la fiecare capăt al liniei | Joaca - l » |