Przykład
Tworzenie zaokrąglony narożnik, gdy dwie linie spotkać:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.lineJoin="round";
ctx.moveTo(20,20);
ctx.lineTo(100,50);
ctx.lineTo(20,100);
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ść | |||||
|---|---|---|---|---|---|
| lineJoin | 4.0 | 9.0 | 3.6 | 4.0 | 10,1 |
Definicja i Wykorzystanie
Zestawy własności linejoin lub zwraca typ rożnego, gdy dwie linie spotkać.
Note: "miter" wartość zależy od miterLimit nieruchomości.
| Domyślna wartość: | mitra |
|---|---|
| Składnia JavaScript: | context .lineJoin="bevel|round|miter"; |
wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| bevel | Tworzy skośny narożnik | Graj " |
| round | Tworzy zaokrąglony narożnik | Graj " |
| miter | Zaniedbanie. Tworzy ostry róg | Graj " |
<Płótno Przedmiot