Canvas lineCap ιδιότητα
Ορισμός και χρήση
lineCap Ρύθμιση ή επιστροφή του στυλ κεφαλής άκρης γραμμής.
Σημείωση:"κυκλική" Και "square" Θα κάνει τη γραμμή να φαίνεται λίγο πιο μακρά.
Παράδειγμα
Δημιουργία τελικής γυαλιστεράς κεφαλής κύκλου:
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();
Γλώσσα
context.lineCap="butt|round|square";
Αξία ιδιοτητας
| Αξία | Περιγραφή |
|---|---|
| butt | Προεπιλεγμένο. Προσθέστε ομαλές άκρες στα κάθετα άκρα της γραμμής. |
| κυκλική | Προσθέστε γυαλιστερά κεφάλια κύκλων στα κάθετα άκρα της γραμμής. |
| square | Προσθέτει τετράγωνους κεφαλάρια στις κάθετες άκρες της γραμμής. |
Τεχνικά λεπτομέρειες
| Προεπιλεγμένη τιμή: | butt |
|---|
Υποστήριξη προγράμματος περιήγησης
Ο αριθμός στη τάβλη περιγράφει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτήν την ιδιότητα για πρώτη φορά.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Σημείωση:O Internet Explorer 8 και οι προηγούμενες εκδόσεις δεν υποστηρίζουν το στοιχείο <canvas>.
