Canvas shadowOffsetY ιδιότητα

Παράδειγμα Canvas

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

shadowOffsetY ιδιότητες που καθορίζουν ή επιστρέφουν την κάθετη απόσταση της μορφής από το σκιάριο.

  • shadowOffsetY=0 υποδεικνύει ότι το σκιάριο βρίσκεται ακριβώς κάτω από τη μορφή
  • shadowOffsetY=20 υποδεικνύει ότι το σκιάριο βρίσκεται 20 εικονοστοιχεία κάτω από την κορυφή της μορφής
  • shadowOffsetY=-20 υποδεικνύει ότι το σκιάριο βρίσκεται 20 εικονοστοιχεία πάνω από την κορυφή της μορφής

Σημείωση:Για να προσαρμόσετε την απόσταση από τη μορφή προς τα δεξιά, χρησιμοποιήστε shadowOffsetX ιδιότητες

παράδειγμα

Δημιουργήστε ένα τετράγωνο με σκιά που απομακρύνεται 20 εικονοστοιχεία προς τα κάτω (από την κορυφή του τετραγώνου):

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

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);

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

γλώσσα

context.shadowOffsetY=number;

τιμή ιδιοτητας

τιμή περιγραφή
number Η θετική ή η αρνητική τιμή καθορίζει την κάθετη απόσταση του σκιάματος από τη μορφή.

Τεχνικές λεπτομέρειες

Προεπιλεγμένη τιμή: 0

Υποστήριξη περιηγητών

Τα αριθμήματα στη λίστα αναφέρουν την έκδοση του περιηγητή που υποστηρίζει πλήρως την ιδιότητα αυτή.

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

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

Παράδειγμα Canvas