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(20,200);
ctx.stroke();
Încearcă - l singur » Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
| Proprietate | |||||
|---|---|---|---|---|---|
| lineCap | 4 | 9 | 3.6 | 4 | 10.1 |
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 » |
<Canvas obiect