Canvas shadowOffsetX χαρακτηριστικό

Εγχειρίδιο Canvas

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

shadowOffsetX Αξία χαρακτηριστικού που ρυθμίζει ή επιστρέφει την οριζόντια απόσταση της μορφής από τη σκιά.

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

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

Παράδειγμα

Δημιουργήστε ένα ορθογώνιο με σκιά που παραμονεύει 20 pixel δεξιά (από τη θέση 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

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

Εγχειρίδιο Canvas