azimuth
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis janvier 2020.
L'attribut azimuth définit l'angle de direction de la source lumineuse sur le plan XY (dans le sens des aiguilles d'une montre), en degrés par rapport à l'axe vertical.
Vous pouvez utiliser cet attribut avec les éléments SVG suivants :
Exemples
html
<svg viewBox="0 0 440 200" xmlns="http://www.w3.org/2000/svg">
<filter id="distantLight1">
<feDiffuseLighting>
<feDistantLight azimuth="0" />
</feDiffuseLighting>
</filter>
<filter id="distantLight2">
<feDiffuseLighting>
<feDistantLight azimuth="240" />
</feDiffuseLighting>
</filter>
<circle cx="100" cy="100" r="80" filter="url(#distantLight1)" />
<circle cx="340" cy="100" r="80" filter="url(#distantLight2)" />
</svg>
Notes d'utilisation
| Valeur | <number> |
|---|---|
| Valeur par défaut | 0 |
| Peut être animé | Oui |
Spécifications
| Spécification |
|---|
| Filter Effects Module Level 1 # element-attrdef-fedistantlight-azimuth |