HTML canvas shadowBlurPropriété
Exemples
Dessinez un rectangle rouge avec une ombre noire, avec un niveau de flou de 20 :
JavaScript :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
var ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Essayez-le vous-même »
Prise en charge des navigateurs
Internet Explorer 9, Firefox, Opera, Chrome et Safari prennent en charge la propriété shadowBlur.
Remarque :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
La propriété shadowBlur définit ou renvoie le niveau de flou de l'ombre.
| Valeur par défaut : | 0 |
|---|---|
| Syntaxe JavaScript : | context.shadowBlur=number; |
Valeur de la propriété
| Valeur | Description |
|---|---|
| nombre | Le niveau de flou de l'ombre. |
Référence HTML canvas Autres extensions