En SVG, il est possible de définir des éléments ou objets graphiques <g> en tant que masque par rapport à l'objet courant en arrière plan. Un masque est défini par l'élément mask. Un masque est utilisé/référencé en utilisant l'attribut mask.
Contexte d'utilisation
| Catégories | Élément conteneur |
|---|---|
| Contenu autorisé | Tout élément de cette liste, quel qu'en soit l'ordre: Éléments d'animation Éléments descriptifs Éléments de formes Éléments structurels Eléments de dégradés <a>, <altGlyphDef>, <clipPath>, <color-profile>, <cursor>, <filter>, <font>, <font-face>, <foreignObject>, <image>, <marker>, <mask>, <pattern>, <script>, <style>, <switch>, <text>, <view> |
Exemple
| Code source |
|---|
Unable to find file mask.svg |
| Résultat |
Unable to find file mask.svg |
» mask.svg
Attributs
Attributs globaux
- Attributs à conditions »
- Attributs du coeur »
- Attributs de présentation »
classstyleexternalResourcesRequired
Attributs spécifiques
Interface DOM
Cette élément implémente l'interface SVGMaskElement.
Spécifications
| Specification | Status | Comment |
|---|---|---|
| CSS Masking Level 1 La définition de '<mask>' dans cette spécification. |
Candidat au statut de recommandation | |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) La définition de '<mask>' dans cette spécification. |
Recommendation | Initial definition |
Compatibilité avec les navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support basique | ? | ? | ? | ? | ? |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support basique | ? | ? | ? | ? | ? |