Μέθοδος Canvas fill()
Ορισμός και χρήση
fill() Μέθοδος γεμίσματος της τρέχουσας εικόνας (διαδρόμου). Η προεπιλεγμένη απόχρωση είναι μαύρη.
Συμβουλή:Χρησιμοποιήστε fillStyle παράμετρος για να γεμίσετε με άλλο χρώμα/διακριτική γραμμή.
Σημείωση:Αν ο διαδρόμος δεν είναι κλειστός, τότε fill() Η μέθοδος προσθέτει μια γραμμή μεταξύ του σημείου τέλους του διαδρόμου και του σημείου εκκίνησης, για να κλείσει τον διαδρόμο και να τον γεμίσει.
Παράδειγμα
Διαγράψτε ένα ορθογώνιο 150*100 εικονοστοιχεία με πράσινο χρώμα:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();
Γλώσσα
context.fill();
Υποστήριξη Προγράμματος Περιήγησης
Ο αριθμός στην τάβλη επισημαίνει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα αυτή.
| 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>.
