Παράδειγμα HTML canvas shadowBlur

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

shadowBlur Ρύθμιση ή επιστροφή του επίπεδου rozmoklosti της σκιάς.

Παράδειγμα

Σχεδιάστε ένα μπλε τρίγωνο με σκοτεινή σκιά, με επίπεδο rozmoklosti 20:

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

JavaScript:

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

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

Γλώσσα:

context.shadowBlur=number;

Τιμή ιδιότητας

Τιμή Περιγραφή
number Μέγεθος σκιής

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

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

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

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

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>.