Μέθοδος γεμίσματος HTML 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 |
Σημείωση:Η έκδοση του Internet Explorer 8 και οι προηγούμενες εκδόσεις δεν υποστηρίζουν το στοιχείο <canvas>.
