Proprietà shadowBlur di Canvas

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);

亲自试一试

语法

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 per la prima volta questa proprietà.

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