Ατύπος HTML canvas shadowOffsetX

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

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

shadowOffsetX Πρότυπα ιδιοτήτων ή επιστροφή της απόστασης της μορφής από τη σκιά κατά πλάτος.

  • shadowOffsetX=0 Δείχνει ότι η σκιά βρίσκεται ακριβώς κάτω από τη μορφή
  • shadowOffsetX=20 Δείχνει ότι η σκιά βρίσκεται 20 εικονοστοιχεία δεξιά από τη θέση left της μορφής
  • shadowOffsetX=-20 Δείχνει ότι η σκιά βρίσκεται 20 εικονοστοιχεία αριστερά από τη θέση left της μορφής

Συμβουλή:Για να προσαρμόσετε την απόσταση της σκιάς από τη μορφή κατά πλάτος, χρησιμοποιήστε shadowOffsetY Πρότυπα.

Παράδειγμα

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

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

JavaScript:

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

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

Γλώσσα

context.shadowOffsetX=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