Przykład
Narysuj linię z zaokrąglonymi końcówkami:
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();
Spróbuj sam " Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| lineCap | tak | 9,0 | tak | tak | tak |
Definicja i Wykorzystanie
Zestawy własności linecap lub zwraca styl zaślepek na linii.
Uwaga: Wartość "okrągłych" i "kwadrat", aby linie nieco dłużej.
| Domyślna wartość: | krupon |
|---|---|
| Składnia JavaScript: | context.lineCap="butt|round|square"; |
wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| butt | Zaniedbanie. Płaska krawędź dodaje się do każdego końca linii | Graj " |
| round | Zaokrąglony nasadka jest dodawany do każdego końca linii | Graj " |
| square | Kwadratowy nasadka jest dodawany do każdego końca linii | Graj " |