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 »
class
style
externalResourcesRequired
viewBox
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
Fonction | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Support simple | ? | ? | ? | ? | ? |
Fonction | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Support simple | ? | ? | ? | ? | ? |