Attribut shadowBlur du canvas

Définition et utilisation

shadowBlur Définit ou retourne le niveau de flou de l'ombre.

Exemple

Tracez un rectangle bleu avec une ombre noire, avec un niveau de flou de 20 :

Votre navigateur ne prend pas en charge la balise 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;

Valeur de l'attribut

Valeur Description
number Niveau de flou de l'ombre.

Détails techniques

Valeur par défaut : #000000

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

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

Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.