Przykład
Narysować 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(20,200);
ctx.stroke();
Spróbuj sam " Wsparcie przeglądarka
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| lineCap | 4.0 | 9.0 | 3.6 | 4.0 | 10,1 |
Definicja i Wykorzystanie
Zestawy własności linecap lub zwraca stylu z zaślepkami na linii.
Note: Wartość "round" i "square" uczynić 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 zaślepka jest dodawany do każdego końca linii | Graj " |
| square | Kwadratowy zaślepka jest dodawany do każdego końca linii | Graj " |
<Płótno Przedmiot