Μέθοδος HTML canvas strokeRect()

Εγχειρίδιο HTML5 Canvas

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

strokeRect() Μέθοδος γραφής ορθογώνιου (χωρίς χρώμα). Το προεπιλεγμένο χρώμα του στυλ γραφής είναι μαύρο.

Συμβουλή:Παρακαλώ χρησιμοποιήστε strokeStyle Χαρακτηριστικά για τη ρύθμιση της χρώματος του στυλ γραφής, της διακλασσικής ή του μοτίβου.

Παράδειγμα

Γραφική 150*100 εικονοστοιχεία.

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);

Δοκιμάστε το προσωπικά

Γλώσσα

context.strokeRect(x,y,width,height);

Παράμετρος τιμή

Παράμετροι Περιγραφή
x Η x-κεντρική κορυφή του ορθογώνιου.
y Η y-κεντρική κορυφή του ορθογώνιου.
width Το πλάτος του ορθογώνιου, μετρημένο σε pixel.
height Το ύψος του ορθογώνιου, μετρημένο σε pixel.

Υποστήριξη του προγράμματος περιήγησης

Ο αριθμός στη τаблицή σημαίνει την έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα αυτή.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

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

Εγχειρίδιο HTML5 Canvas