Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.
Un pattern est utilisé pour remplir un objet ou la bordure d'un objet à l'aide d'un élément graphique prédéfini. Celui-ci peut être répété à des intervalles fixe le long des axes x et y afin de recouvrir la zone à peindre. Les patterns sont définis à l'aide de l'élément pattern et ensuite référencés à l'aide des propriétés fill et stroke sur l'élément graphique afin d'indiquer que celui-ci ou sa bordure doit être paint avec le pattern de référence.
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 | Résultat |
|---|---|
Unable to find file pattern.svg |
Unable to find file pattern.svg |
Attributs
Attributs globaux
- Conditional processing attributes »
- Core attributes »
- Presentation attributes »
- Xlink attributes »
classstyleexternalResourcesRequiredviewBox
Attributs spécifiques
Interface DOM
Cet élement implémente l'interface SVGPatternElement.
Specifications
| Spécification | Status | Commentaire |
|---|---|---|
| Scalable Vector Graphics (SVG) 2 La définition de '<pattern>' dans cette spécification. |
Candidat au statut de recommandation | |
| Scalable Vector Graphics (SVG) 1.1 (Second Edition) La définition de '<pattern>' dans cette spécification. |
Recommendation | Initial definition |
Compatibilité des navigateurs
Nous convertissons les données de compatibilité dans un format JSON. Ce tableau de compatibilité utilise encore l'ancien format car nous n'avons pas encore converti les données qu'il contient. Vous pouvez nous aider en contribuant !
| Fonction | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support simple | ? | ? | ? | ? | ? |
| Fonction | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support simple | ? | ? | ? | ? | ? |