Canvas lineJoin χαρακτηριστικό

Εγχειρίδιο του Canvas

Ορισμός και χρήση

lineJoin Ο χαρακτηριστικός ρυθμίζει ή επιστρέφει τον τύπο της γωνίας που δημιουργείται όταν δύο γραμμές συναντούνται.

Σημείωση:Η τιμή "miter" επηρεάζεται από miterLimit Επιρροή χαρακτηριστικών

Παράδειγμα

Πότε δύο γραμμές συναντούνται, δημιουργεί γωνία στρογγυλή:

Ο περιηγητής σας δεν υποστηρίζει το ετικέτα canvas.

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>.

Εγχειρίδιο του Canvas