Η ιδιότητα lineJoin του canvas HTML
Ορισμός και χρήση
lineJoin Η ιδιότητα ορίζει ή επιστρέφει τον τύπο της γωνίας που δημιουργείται όταν δύο γραμμές συναντώνται.
Σημείωση:Η τιμή "miter" επηρεάζεται από miterLimit Η επίδραση των ιδιοτήτων.
Παράδειγμα
Όταν δύο γραμμές συναντώνται, δημιουργήστε γωνιακές γωνίες κύκλου:
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();
Γλώσσα γραμματοσειράς
context.lineJoin="bevel|round|miter";
Τιμή του χαρακτηριστικού
| Τιμή | Περιγραφή |
|---|---|
| bevel | Δημιουργεί γωνίες κλίματος. |
| round | Δημιουργεί γωνίες κύκλου. |
| miter | Προεπιλεγμένο. Δημιουργεί αιχμηρούς γωνίες. |
Τεχνικά λεπτομέρειες
| Προεπιλεγμένη τιμή: | miter |
|---|
Υποστήριξη προγράμματος περιήγησης
Τα αριθμήματα στη τаблицή σημειώνουν την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει αυτή την ιδιότητα.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Σημείωση:Οι εκδόσεις του Internet Explorer 8 και παλιότερες δεν υποστηρίζουν το στοιχείο <canvas>.
