Μέθοδος fillRect() του HTML canvas
Ορισμός και χρήση
fillRect() Μέθοδος για τη δημιουργία ορθογωνίου με γεμισμένο χρώμα. Η προεπιλεγμένη χρώση συμπλήρωσης είναι το μαύρο.
Συμβουλή:Παρακαλώ χρησιμοποιήστε fillStyle Πρότυπο για τη ρύθμιση της χρώσης, της διακλίσης ή του μοτίβου που χρησιμοποιείται για τη συμπλήρωση.
Παράδειγμα
Δημιουργία γεμισμένου ορθογώνιου 150*100 εικονοστοιχείων:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);
Γλώσσα
context.fillRect(x,y,width,height);
Τιμή παράμετρου
| Παράμετροι | Περιγραφή |
|---|---|
| x | Η x-κεντρομηχανή του αριστερού άκρου του ορθογώνιου. |
| y | Η y-κεντρομηχανή του αριστερού άκρου του ορθογώνιου. |
| width | Το πλάτος του ορθογώνιου, μετρημένα σε pixels. |
| height | Το ύψος του ορθογώνιου, μετρημένα σε pixels. |
Υποστήριξη περιηγητών
Τα αριθμήματα στη διάταξη δείχνουν την έκδοση του πρώτου προγράμματος που υποστηρίζει αυτή την ιδιότητα.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Σημείωση:Οι εκδόσεις Internet Explorer 8 και παλιότερες δεν υποστηρίζουν το στοιχείο <canvas>.
