Μέθοδος fillRect() του Canvas

Μη υποστηριζόμενο από την Internet Explorer 8 και τις προηγούμενες εκδόσεις το στοιχείο <canvas>.

Ορισμός και χρήση

fillRect() Μέθοδος για να ζωγραφίσετε ένα γεμισμένο ορθογώνιο. Η προεπιλεγμένη χρωματιστή είναι το μαύρο.

Υπόδειξη:Συμβουλή: fillStyle Χρησιμοποιήστε τις ιδιότητες για να ρυθμίσετε το χρώμα, τη διακλαδία ή το μοτίβο γεμίσματος της διαγράμμισης.

Παράδειγμα

Γραφείτε ένα γεμισμένο ορθογώνιο 150*100 pixel:

Ο περιηγητής σας δεν υποστηρίζει το ετικέτα HTML5 canvas.

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-κοordinate του πάνω αριστερού κορυφείου του ορθογώνιου.
y Η y-κοordinate του πάνω αριστερού κορυφείου του ορθογώνιου.
width Το πλάτος του ορθογώνιου, μείον pixel.
height height

Υψόμετρο της ορθογώνιας επιφάνειας σε pixel.

Υποστήριξη Browser

Τα αριθμήματα στην τάβληση δείχνουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα αυτή. Chrome Edge Firefox Safari
Τα αριθμήματα στην τάβληση δείχνουν την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα αυτή. Chrome Edge Firefox Safari
3.6 Opera 9.0 3.6 4.0

10.1Σημείωση:

Μη υποστηριζόμενο από την Internet Explorer 8 και τις προηγούμενες εκδόσεις το στοιχείο <canvas>.