Proprietà shadowBlur del canvas HTML

Definizione e uso

shadowBlur Imposta o restituisce il livello di sfocatura dell'ombra.

Esempio

Disegna un rettangolo blu con ombra nera, con un livello di sfocatura di 20:

Il tuo browser non supporta il tag 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);

Prova personalmente

Sintassi

context.shadowBlur=number;

Valore dell'attributo

Valore Descrizione
number Livello di sfocatura dell'ombra

Dettagli tecnici

Valore predefinito: #000000

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

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

Nota:Internet Explorer 8 e versioni precedenti non supportano l'elemento <canvas>.