Αtributo shadowOffsetY του HTML canvas

Εγχειρίδιο αναφοράς HTML5 Canvas

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

shadowOffsetY Η ρύθμιση ή η επιστροφή της απόστασης μεταξύ του σχήματος και της σκιάς.

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

Σημείωση:Για να προσαρμόσετε την απόσταση του σχήματος από το επίπεδο, χρησιμοποιήστε shadowOffsetX Παραμέτρους.

Παράδειγμα

Δημιουργία ενός ορθογώνιου κύλινδρου με σκιά που κατεβαίνει 20 εικονοστοιχεία (από τη θέση top του κύλινδρου):

Ο προηγούμενος περιηγητής σας δεν υποστηρίζει την ετικέτα 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>.

Εγχειρίδιο αναφοράς HTML5 Canvas