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